@charset "utf-8";
/* CSS Document */

.maplibregl-popup-anchor-bottom .maplibregl-popup-tip, .maplibregl-popup-anchor-top .maplibregl-popup-tip, .maplibregl-popup-anchor-right .maplibregl-popup-tip, .maplibregl-popup-anchor-left .maplibregl-popup-tip {
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}

.informacion_dispositivo {
    padding: 15px;
    border-radius: 5px;
    color: #ffffff;
}

.informacion_dispositivo p {
    margin: 0;
}

.maplibregl-popup-content {
    padding: 0;
    border-radius: 5px;
}

.promedio {
    font-size: 16px;
    font-weight: 600;
}

.bienvenida{
	background-color:#eee;
	padding:50px 0;
	margin-bottom:30px;
}

header#principal  {
	background-color:#fff;
	color:#333333;
 	border-bottom: 0px solid #999;
	height: 200%;
}
header#principal > .container  .titulo {
	height: 100%;
	float:left;
	width:40%;
	padding-top:1%;
	color:#000;

}
header#principal > .container  #logo-cdmx {
	height: 100%;
	float:left;
	width:70%;
	margin-left:0;

}
footer#principal  {
	background-color:#666;
	color:#fff;
 	border-top: 5px solid #999;
	height:auto;
	padding:20px 0px;
}
.disclaimer{
	color:#000;
}
.logo-bienvenida{
font-size:3em;
float:left;
width:6%;
color: #00b140;
}
.texto-bienvenida{
	font-family:Arial,san-serif;
	font-size:21px;
	font-weight:200;
}
.texto-tema{
	font-family:Arial,san-serif;
	font-size:40px;
	font-weight:200;
	color: #00b140;
}
.titulo-tabla{
	font-family:Arial,san-serif;
	font-weight:200;
	background-color:#eee;
	color:#333;
}

/*BOTON ROSA*/

.btn-rosa {
  color: #fff;
  background-color: #0377a8;
  border-color: #0377a8;
}
.btn-rosa:focus,
.btn-rosa.focus {
  color: #fff;
  background-color: #00b140;
  border-color: #00b140;
}
.btn-rosa:hover {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.btn-rosa:active,
.btn-rosa.active,
.open > .dropdown-toggle.btn-rosa {
  color: #fff;
  background-color: #00b140;
  border-color: #00b140;
}
.btn-rosa:active:hover,
.btn-rosa.active:hover,
.open > .dropdown-toggle.btn-rosa:hover,
.btn-rosa:active:focus,
.btn-rosa.active:focus,
.open > .dropdown-toggle.btn-rosa:focus,
.btn-rosa:active.focus,
.btn-rosa.active.focus,
.open > .dropdown-toggle.btn-rosa.focus {
  color: #fff;
  background-color: #666;
  border-color: #666;
}
.btn-rosa:active,
.btn-rosa.active,
.open > .dropdown-toggle.btn-rosa {
  background-image: none;
}
.btn-rosa.disabled:hover,
.btn-rosa[disabled]:hover,
fieldset[disabled] .btn-rosa:hover,
.btn-rosa.disabled:focus,
.btn-rosa[disabled]:focus,
fieldset[disabled] .btn-rosa:focus,
.btn-rosa.disabled.focus,
.btn-rosa[disabled].focus,
fieldset[disabled] .btn-rosa.focus {
  background-color: #00b140;
  border-color: #00b140;
}
.btn-rosa .badge {
  color: #00b140;
  background-color: #fff;
}


.navbar-default {
    background-color: #f9f9f9;
    border-color: #fff;
	border-bottom:  solid 7px #00b140;
	font-weight: bold;
}
.navbar-default .navbar-nav>li>a {
    color: #333;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #000;
    background-color: #ccc;
}
.btn-group-lg>.btn, .btn-lg {
    border-radius: 0px;
}
.panel {

     border-radius: 0px;

}
.btn {
    border-radius: 20px;
	
}.btn-entrar {
    color: #fff;
    background-color: #5c9bb8;
    border-color: #40a8d3;
}

.pleca-contacto{
	color: #333;
	text-align: right;
	padding:0 -15px;
}

.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 0px;
}
.jumbotron p {
	font-family: Helvetica, Arial, "sans-serif"
}
.navbar-nav>li {
    border-right: solid 1px #dddddd;
}
hr {
    border-top: 1px solid #fff;
}



/* sign in FORM */
#logreg-forms {
    width: 412px;
    margin: 10vh auto;
    padding: 30px;
    background-color: #f7f7f7;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
#logreg-forms form {
    width: 100%;
    max-width: 410px;
    padding: 15px;
    margin: auto;
}
#logreg-forms .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    /* padding: 10px; */
    font-size: 16px;
    /* margin: 10px; */
}
#logreg-forms .form-control:focus { z-index: 2; }
#logreg-forms .form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
#logreg-forms .form-signin input[type="password"] {
}

#logreg-forms .social-login{
    width:390px;
    margin:0 auto;
    margin-bottom: 14px;
}
#logreg-forms .social-btn{
    font-weight: 100;
    color:white;
    width:190px;
    font-size: 0.9rem;
}

#logreg-forms a{
    display: block;
    padding-top:10px;
    color:lightseagreen;
}

#logreg-form .lines{
    width:200px;
    border:1px solid red;
}


#logreg-forms button[type="submit"]{ margin-top:25px; }

#logreg-forms .facebook-btn{  background-color:#3C589C; }

#logreg-forms .google-btn{ background-color: #DF4B3B; }

#logreg-forms .form-reset, #logreg-forms .form-signup{ display: none; }

#logreg-forms .form-signup .social-btn{ width:210px; }

#logreg-forms .form-signup input { margin-bottom: 2px;}

.form-signup .social-login{
    width:210px !important;
    margin: 0 auto;
}

/* Mobile */

@media screen and (max-width:500px){
    #logreg-forms{
        width:300px;
    }
    
    #logreg-forms  .social-login{
        width:200px;
        margin:0 auto;
        margin-bottom: 10px;
    }
    #logreg-forms  .social-btn{
        font-size: 1.3rem;
        font-weight: 100;
        color:white;
        width:200px;
        height: 56px;
        
    }
    #logreg-forms .social-btn:nth-child(1){
        margin-bottom: 5px;
    }
    #logreg-forms .social-btn span{
        display: none;
    }
    #logreg-forms  .facebook-btn:after{
        content:'Facebook';
    }
  
    #logreg-forms  .google-btn:after{
        content:'Google+';
    }
    
}


.form-control {
    border-radius: 6px;
	 padding: 6px 15px;
    font-size: 12px;
}