/*

Autor:Andres Guzman
Release:19-11-17
version:1.0

INDICE CSS

1a.General
2a.Nosotros
3a.Ubicaciones
4a.Galeria
5a.Contacto

*/

/*

1a.General

*/
	body{
		font-family: 'roboto';
	}
	h1{
		color: #196cb2;
		margin-top: 2rem;
		margin-bottom: 2rem;
		font-size: 2.2rem;
		text-transform: uppercase;
		font-family: 'roboto';
	}
	.top-bar{
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,0.8) 53%, rgba(255,255,255,0.8) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 51%,rgba(255,255,255,0.8) 53%,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 51%,rgba(255,255,255,0.8) 53%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9ffffff',GradientType=0 ); /* IE6-9 */
	}
	.top-bar, .top-bar ul {
	    padding-top: .5rem;
	    font-family: 'roboto';
	}
	.sticky-container {
	    position: fixed;
	    z-index: 5000;
	    width: 100%;
	}
	.title-bar.menu.align-center.sticky.is-stuck.is-at-top{
	    margin-top:0!important;
	}

	.grid-container.fluid{
	    padding-left:0;
	    padding-right:0;
	}
	.orbit-image {
	    width: 100vw;
	    max-width: 100%;
	    margin: 0;
	    height: 100%;
	}
	.orbit-wrapper{
		overflow: hidden;
		height: 100vh;
	}
	.orbit-bullets {
	    position: relative;
	    margin-top: -3.2rem;
	    margin-bottom:0;
	    text-align: center;
	}
	.title-bar {
	    padding: 0rem;
	    background: #fff;
	    color: #fefefe;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-pack: start;
	    justify-content: flex-start;
	    -ms-flex-align: center;
	    align-items: center;
	}
	.logoFix a{
		padding: 0!important;
		color: #5b4c4f;
		font-family: 'roboto';
	}
	.menu li a{
		color: #5b4c4f;
		font-size: 1.2rem;
		font-family: 'roboto';

	}
	.js-off-canvas-overlay.is-visible {
	    opacity: 0;
	    visibility: visible;
	}
	.menu i{
		font-size: 1.3rem;
		margin-right: .5rem;
		color: #196cb2;
	}
	.fa.fa-home{
		font-size: 1.5rem;
	}
	.dropdown.menu a {
	    padding: 0.7rem 1.15rem;
	    font-size: 0.9rem;
	    font-weight: 200;
	    font-family: 'roboto';
	}
	.orbit-bullets button.is-active {
	    background-color: #196cb2;
	}
	.orbit-bullets button {
	    width: 1rem;
	    height: 1rem;
	    margin: 0.5rem;
	    border-radius: 50%;
	    background-color: #fff;
	    font-family: 'roboto';
	}
	.orbit-bullets button{
		font-family: 'roboto';
	}
	.logoPersonal{
		float: left;
		margin-bottom: 1rem;
	}
	.paisIco img{
		max-width: 1.8rem;
	}

	/**** Menu sticky ****/
	.is-stuck{

	}
	.headPersonal{
		display: block;
		width: 100%;
	}
	.logo-2,.float-right.nav-2{
		display: none;
	}
	.is-stuck .head-top, .is-stuck .head-bottom{
		display: none;
	}
	.is-stuck .top-bar{
		background: inherit;
	}
	i.fa.fa-facebook-official {
	    font-size: 4rem;
	}
	.is-stuck .logo-2{
		display: block;
		position: absolute;
		top: 0rem
	}
	.is-stuck .float-right.nav-2{
		display: block;
	}
	.is-stuck .logo-2 img{
		max-width: 6rem;
	}
	.is-stuck .top-bar, .top-bar ul {
	    background-color: inherit;
	    position: relative;
	    margin-bottom: 0rem;
	    margin-top: 0rem;
	    font-family: 'roboto';
	}
	.is-stuck  .menu a{
		font-size: 0rem;
		font-family: 'roboto';
	}
	.is-stuck  .menu a i{
		font-size: 1.3rem;
		margin-right: 0rem;
		color: #196cb2;
	}
	.is-stuck  .paisIco img {
	    max-width: 1.5rem;
	}
	.is-stuck ul{
		display:block;
		text-align: center;
		font-family: 'roboto';
	}
	.is-stuck .float-right{
		position: absolute;
    	right: 0;
    	top: 0;
    	background: rgba(255, 255, 255, 0.6);;
	}
	.button{
		text-transform: uppercase;
		font-family: 'roboto';
	}
	.menu .button {
	    display: inline-block;
	    vertical-align: middle;
	    margin: 0 0 1rem 0;
	    font-family: inherit;
	    padding: 0.85em 1em;
	    -webkit-appearance: none;
	    border: 1px solid transparent;
	    border-radius: 0;
	    transition: background-color 0.25s ease-out, color 0.25s ease-out;
	    font-size: 0.9rem;
	    line-height: 1;
	    text-align: center;
	    cursor: pointer;
	    background-color: #ffffff;
	    font-family: 'roboto';
	}
	.menu .dropdown-pane{
		background: rgba(255,255,255,0.7);
		border:0;
		width: 180px;
		border-radius: 8px;
	}
	.menu .dropdown-pane a{
		color: #196cb2;
		text-align: right;
		font-family: 'roboto';
	}
	.head-top{
		text-align: right;
	    margin: 1rem 0 0;
	    float:right;
	}
	.head-bottom{
		text-align: center;
	    margin: 1.5rem 0 1.8rem;
	    float:right;
	}
	.head-top ul li{
		display: inline-block;
	    list-style: none;
	    margin-right: 3rem;
	    font-weight: 100;
	    font-size: 0.9rem;
	    font-family: 'roboto';
	}
	.head-bottom ul li{
		display: inline-block;
	    list-style: none;
	    margin-right: 5rem;
	    font-size: 0.95rem;
	    font-weight: lighter;
	    font-family: 'roboto';
	}
	.head-top ul li i,.head-bottom ul li i{
		margin-right: .4rem;
	}
	.head-top{
		min-width: 100%;
    	border-bottom: 3px solid #dfdfdf;
	}
	.head-bottom{
		min-width: 100%;
	}
	.dropdown.menu.clearfix{
		margin: 2rem 0 ;
		float: right;
		font-family: 'roboto';
	}
	li.menu-tienda.mega-menu.navGeneral.has-dropdown.not-click {
	    margin-right: 2rem!important;
	    font-family: 'roboto';
	}
/*

1a.Nosotros

*/

	#nosotros{
		font-family: 'roboto';
	}
	.contentNosotros {
	    background: rgba(0,0,0, 0.7);
	    color: #fff;
	    padding-bottom: 3rem !important;
	    padding-top: 2rem !important;
	    padding-right: 4rem !important;
	    padding-left: 4rem !important;
	    height: auto;
	    width: 55%;
	    font-size: .85rem;
	    font-weight: lighter;
	    position: absolute;
	    top: 35%;
	    z-index: 1000;
	    font-family: 'roboto';
	}
	.contentNosotros p {
	    margin: 2rem 0;
	    font-family: 'roboto';
	}
	bit-previous, .orbit-next {
	    position: absolute;
	    top: 50%;
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	    z-index: 10;
	    padding: 1rem;
	    color: #fefefe;
	    z-index: 1000;
	}
	#nosotros h1{
		color: #ffffff;
		text-align: left;
		margin-top: 2rem;
		font-size: 2.2rem;
		margin-bottom: 1.5rem;
		border-bottom: 1px solid #ffffff;
		font-family: 'roboto';
	}
	.contentNosotrosSmall {
	    background: rgba(15,76,117, 0.95);
	    color: #fff;
	    padding-bottom: 3rem !important;
	    padding-top: 2rem !important;
	    padding-right: 4rem !important;
	    padding-left: 4rem !important;
	    height: auto;
	    width: 100%;
	    font-size: .85rem;
	    font-weight: lighter;
	    z-index: 1000;
	    font-family: 'roboto';
	}
	.contentNosotrosSmall p {
	    margin: 2rem 0;
	    font-family: 'roboto';
	}
	.contentNosotrosSmall h1{
		color: #ffffff;
		text-align: left;
		margin-top: 2rem;
		font-size: 2rem;
		margin-bottom: 1.5rem;
		border-bottom: 1px solid #ffffff;
		font-family: 'roboto';
	}
	.contentNosotrosSmall a.button.botonContacto {
		background-color: #ffffff;
    	color: #0f4c75;
    	font-family: 'roboto';
	}
/*

3a.Ubicaciones

*/
	#ubicaciones{
	    position:relative;
	    min-height:100vh;
	    font-family: 'roboto';
	}
	#ubicaciones h1{
		text-align: center;
		font-weight: normal;
		margin-top: 4rem;
		font-family: 'roboto';
	}
	#map1 {
	    min-height: 35rem;
	    max-height: 45rem;
	    height: 100%;
	}
	#ubicaciones .button{
		width: 100%;
		font-family: 'roboto';
	}
	.button span{
		display: block;
    	font-size: 0.7rem;
    	font-weight: 	lighter;
    	margin-top: 	.3rem;	
    	font-family: 'roboto';
	}
/*

4a.galeria

*/
	#galeria{
	    margin: 1rem 0;
	    min-height:100vh;
	    font-family: 'roboto';
	}

	#galeria h1{
		border-bottom: 1px solid #ffffff;
		margin: 0 1rem 1rem;
		color: #196cb2;
		text-align: center;
		font-family: 'roboto';
	}

	#galeria .button {
	    margin: 0;
	    padding: 0;
	    background: none;
	    line-height: 0;
	    border:0;
	    font-family: 'roboto';
	}


	#galeria .thumbnail {
	    padding: 0.5rem;
	    margin: 0;
	    border: none;
	    border-radius: 0;
	    box-shadow: none;
	}

/*

5a.contacto

*/
	#contacto{
		padding: 0rem 0 3rem;
		background: #196cb2;
		font-family: 'roboto';
	}
	#contacto h1{
		color: #ffffff;
		font-size: 2.2rem;
		border-bottom: 1px solid #ffffff;
		font-family: 'roboto';
	}
	#contacto .button{
		width: 100%; 
	}
	#contacto .button {
	    display: inline-block;
	    vertical-align: middle;
	    margin: 0 0 1rem 0;
	    font-family: inherit;
	    padding: 0.85em 1em;
	    -webkit-appearance: none;
	    border: 1px solid transparent;
	    border-radius: 0;
	    transition: background-color 0.25s ease-out, color 0.25s ease-out;
	    font-size: 0.9rem;
	    line-height: 1;
	    text-align: center;
	    cursor: pointer;
	    background-color: #fff;
	    color: #196cb2;
	    font-family: 'roboto';
	}

/*

6a.footer

*/

	#footer{
		padding: 3.5rem 0;
		position: absolute;
		font-family: 'roboto';
		background: #104877;
		color: #ffffff;
		width: 100%;
		height: auto;
	}
	#footer a{
		color: #ffffff;
		font-family: 'roboto';
	}
	#footer li{
		    list-style: none;
	    font-weight: lighter;
	    line-height: 2rem;
	    font-style: normal;
	    font-family: 'roboto';
	}
	#footer .button{
		border:1px solid #fff;
		background: inherit;
		margin-top: 2rem;
		width: 100%; 
		font-family: 'roboto';
	}
	#footer h3{
	    border-bottom: 1px solid #fff;
	    font-size: 1.6rem;
	    text-transform: uppercase;
	    font-family: 'roboto';
	}
	#footer .dropdown-pane{
		background: #104877;
		color: #ffffff;
		border:none;
		font-family: 'roboto';
	}

	#footer .dropdown-pane a{
		text-transform: uppercase;
		color: #ffffff;
		border:1px solid #ffffff;
		padding:.5rem 1.5rem;
		margin-bottom: .5rem;
		border-radius: 8px;
		font-size: .75rem;
		margin-bottom: .5rem;
		text-align: center;
		display: block;
		clear: both;
		font-family: 'roboto';
	}


	/*MediaQuery*/
@media only screen and (max-width: 64em){
	.menu-icon::after {
	    position: absolute;
	    top: 0;
	    left: 0;
	    display: block;
	    width: 100%;
	    height: 2px;
	    background: #196cb2;
	    box-shadow: 0 7px 0 #196cb2, 0 14px 0 #196cb2;
	    content: '';
	    font-family: 'roboto';
	}
	.off-canvas.is-transition-overlap.is-open {
	    box-shadow: none;
	    background: #196cb2;
	    font-family: 'roboto';
	}
	.menu i {
	    font-size: 1.3rem;
	    margin-right: .5rem;
	    color: #ffffff;
	}
	.drilldown a {
	    padding: 0.7rem 0rem 0.7rem 1rem;
	    background: #196cb2;
	    color: #ffffff!important;
	    font-size: 1.6rem;
	    margin: .8rem 0rem 1.2rem 1rem;
	    border-right: 9px solid #0e416b;
	    font-family: 'roboto';
	}
	.title-bar {
	    padding: 0rem;
	    background: #fff;
	    color: #fefefe;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-pack: start;
	    justify-content: flex-start;
	    -ms-flex-align: center;
	    align-items: center;
	    position: fixed;
	    width: 100%;
	    z-index: 1000;
	    font-family: 'roboto';
	}
	#galeria .button {
	    margin: 0;
	    padding: 1rem;
	    background: none;
	    line-height: 0;
	    border: 0;
	    width: 100%;
	    background: #14679e;
	    font-family: 'roboto';
	    /* display: block; */
	    /* clear: both; */
	}
	.dropdown-pane {
	    position: absolute;
	    z-index: 10;.orbit-image
	    /* top: 0!important; */
	    width: 100%;
	    padding: 1rem;
	    visibility: hidden;
	    display: none;
	    clear: both;
	    border: none;
	    border-radius: 0;
	    background-color: #fefefe;
	    font-size: 1rem;
	    display: block!important;
	    font-family: 'roboto';
	    width: 100%;
	}
	#galeria {
	    margin: 1rem 0;
	    min-height: auto;
	    font-family: 'roboto';
	}
}

@media only screen and (max-width: 40em) { 
	.orbit-image {
	    /* width: 100vw; */
	    min-width: 100%;
	    margin: 0;
	    height: 60vh;
	}
	.orbit-bullets button {
	    width: 1rem;
	    height: 1rem;
	    margin: 0.2rem;
	    border-radius: 50%;
	    background-color: #fff;
	    font-family: 'roboto';
	}
	.orbit-wrapper{
		overflow: hidden;
		height: 60vh;
	}
	#nosotros h1 {
	    color: #ffffff;
	    text-align: left;
	    margin-top: .5rem;
	    margin-bottom: 1.5rem;
	    font-size: 1.9rem;
	    font-family: 'roboto';
	}
	.contentNosotrosSmall p {
	    margin: 1rem 0;
	    font-family: 'roboto';
	}
	.contentNosotrosSmall {
	    background: rgba(15,76,117, 0.95);
	    color: #fff;
	    padding-bottom: 2rem !important;
	    padding-top: 2rem !important;
	    padding-right: 2rem !important;
	    padding-left: 2rem !important;
	    height: auto;
	    width: 100%;
	    font-size: .85rem;
	    font-weight: lighter;
	    z-index: 1000;
	    font-family: 'roboto';
	}
	.drilldown a {
	    padding: 0.4rem 0rem 0.4rem 1rem;
	    background: #18588e;
	    color: #ffffff!important;
	    font-size: 0.9rem!important;
	    margin: .5rem 0rem .5rem 0rem;
	    border-right: 9px solid #0e416b;
	    font-family: 'roboto';
	    font-weight: lighter;
	}
	.drilldown a img{
		margin-right: 0.4rem;
	}
	ul.vertical.menu.drilldown {
	    margin-top: 4rem;
	    font-family: 'roboto';
	        font-weight: lighter;
	}
}