@font-face {
  font-family: "museo-sans-rounded";
  font-style: normal;
  font-weight: 300;
  src: url("//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-300-webfont.eot?#iefix") format("embedded-opentype"), url("//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-300-webfont.woff2") format("woff2"), url("//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-300-webfont.woff") format("woff"), url("//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-300-webfont.svg#museo_sans_rounded300") format("svg");
}

@font-face {
  font-family: "museo-sans-rounded";
  font-style: normal;
  font-weight: 500;
  src: url("//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-500-webfont.eot?#iefix") format("embedded-opentype"), url("//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-500-webfont.woff2") format("woff2"), url("//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-500-webfont.woff") format("woff"), url("//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-500-webfont.svg#museo_sans_rounded500") format("svg");
}

@font-face {
  font-family: "museo-sans-rounded";
  font-style: normal;
  font-weight: 700;
  src: url("//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-700-webfont.eot?#iefix") format("embedded-opentype"), url("//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-700-webfont.woff2") format("woff2"), url("//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-700-webfont.woff") format("woff"), url("//d7mj4aqfscim2.cloudfront.net/proxy/fonts/museo/museosansrounded-700-webfont.svg#museo_sans_rounded700") format("svg");
}
/* Estilos login */
body#login {
  background-color: rgba(0, 0, 0, 0.50);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: 'museo-sans-rounded', sans-serif;
}
.opacidadLogin {
  background-color: rgba(0, 0, 0, 0.50);
  position: absolute;
  width: 100%;
  height: 100%;
  display: table;
  overflow: hidden;
}
.tableCenter {
  display: table-cell;
  vertical-align: middle;
}
.logo-loginKatari {
  width: 120px
}
#formLogin .input-login {
  display: block;
  font-weight: 300;
  font-size: 25px;
  border: 0px;
  border-bottom: 1px solid #898989;
  outline: none;
  max-width: 250px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background: none;
  padding: 10px 15px;
  margin: 30px auto;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
#formLogin .input-login:focus {
  border-bottom: 1px solid #fff;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
#formLogin .btn-aceptarLogin {
  text-align: center;
}
#formLogin .btn-aceptarLogin button {
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgb(255, 255, 255);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  padding: 10px 30px;
  border-radius: 10px;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
#formLogin .btn-aceptarLogin button:hover {
  background: rgba(0,0,0,0.65);
  border: 1px solid white;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
#formLogin .btn-aceptarLogin button:focus {
  outline: none;
}
/* Fin estilos login */



/*.page-logo img {
  width: 135px
}*/
.page-header.navbar .top-menu .navbar-nav .open .dropdown-menu {
	background-color: #fff;
}
.boton_tarifa {
	background-color: #2b3b55 !important;
	border: 1px solid #c3cee0;
	color: #c3cee0 !important;
	padding-left: 25px;
	padding-right: 25px;
}
.acherre {
	margin:2px 0 2px;
	border-top: 1px solid #2b3b55;
}
.logotipo {
    position: relative;
    top: 8px;
    text-align: center;
    right: 0;
    margin: 0 auto;
    height: 0px;
    padding-left: 100px;
}
.logotipo img {
    max-height: 50px;
    margin: auto;
}














/* estilos generales */
h2.tituloSeccion {
  text-align: center;
  font-size: 18px;
  color: #8e8e8e;
  padding: 10px;
  max-width: 200px;
  margin: 0px auto 15px;
}

.right {
  float: right !important;
}
.shadowFocus {
  box-shadow: 0 1px 40px 0 rgba(0,0,0,.13);
  transition: box-shadow .2s;
}



/*==========  Non-Mobile First Method  ==========*/	

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.ibox-content {
		padding: 40px 0px !important;
	}
	.footer.fixed {
		position: inherit !important; 
	}
  .centra-img-responsive {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .textoDescrip, .descripcionFoto {
    max-width: 620px;
    width: 100%;
    margin: 0 auto;
  }
  .paddingMobil {
      padding: 15px;
      padding-bottom: 0px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.instrucciones {
	    padding-right: 0px !important;
	}
	.page-content-wrapper .page-content {
      margin-left: 0;
      margin-top: 0;
      min-height: 600px;
      padding: 25px 20px 10px;
  	}
    .wrapper {
        padding: 0px;
    }

}

@media only screen and (max-width: 600px) {
	.page-content-wrapper .page-content {
      margin-left: 0;
      margin-top: 0;
      min-height: 600px;
      padding: 25px 20px 10px;
  	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.page-content-wrapper .page-content {
      margin-left: 0;
      margin-top: 0;
      min-height: 600px;
      padding: 25px 20px 10px;
  	}
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  background-color: inherit !important;
  background-image: none !important;
  -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0) inset;
  -moz-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0) inset;
  box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0) inset;
  color: #ffffff !important;
}

.title-browser, .subtitle-browser {
  color: #ffffff;
}