body,html{background:white;height:100%;width:100%;font-family:'Roboto Slab',Helvetica,Arial,sans-serif}
a {color: #5bcadd;}
a:active, a:hover, a:visited, a:focus {text-decoration: none; border: none; outline: none; }
.mb10 {margin-bottom: 10px;}
.pt10 {padding-top: 10px;}
.pt5 {padding-top: 5px;}
.mr10 {margin-right: 10px;}

.text-info {color: #5bcadd;}
.bg-info {background-color: #5bcadd;}
.btn-info {
  color: #fff;
  background-color: #5bcadd;
  border-color: #46b8da;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #5bcadd;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.select2-results li {font-size: 12px;}

.upper {height:30%}
.upper.smaller {height: 120px;}
.middle-helper{height:100%;display:inline-block;vertical-align:middle}
.upper img {
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}
.upper.smaller img {margin-top: 50px;}
.options{
	position:relative;
	width:100%;
	height:70%;
}

.ilost::-moz-focus-inner,.ifound::-moz-focus-inner { border: 0; }
.ilost,.ifound{color:#000;font-size:18px;font-weight:700;text-decoration:none;display:block;float:left;text-align:center;cursor:pointer;
	width:50%;
	height:100%;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}

.ilost { background-color: #f1676d; }
.ifound{ float:right; background-color: #bfdd9f; }
.ilost:hover,.ifound:hover{cursor:pointer;color:#000;text-decoration:none;background-color:#fff}

#sidebar{position:fixed;background:#fff;background-color:rgba(255,255,255,0.85);box-shadow:0 0 10px rgba(51,51,51,0.38);-webkit-box-shadow:0 0 10px rgba(51,51,51,0.38);-moz-box-shadow:0 0 10px rgba(51,51,51,0.38);z-index:100;top:0;left:-170px;width:170px;height:100%;overflow:hidden;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
#sidebar.toggled{opacity:1;filter:alpha(opacity=100);left: 0;}
#sidebar .sidebar-inner{position:relative;height:100%;overflow-y:auto;}
#sidebar .sidebar-inner a.logo {display: block; padding: 10px 10px;}
#sidebar .logo-sidebar{margin:40px 0 0 25px}
#sidebar .main-menu {list-style:none;padding-left:0;margin:10px 0 0}
#sidebar .main-menu > li > a{padding:8px; margin: 10px 20px 10px 20px; display:block;color:#333;text-decoration:none;font-weight:500;position:relative}
#sidebar .main-menu > li > a:hover{color:#666;}
#sidebar .main-menu > li > a.colabora {background-color:#5bcadd; color: white; text-align: center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#sidebar .main-menu > li > a.colabora:hover {background-color: #2dc2dc;}

#superior {position:fixed;top:0px;left:0px;width:100%;height:30px;background-color:#fff;z-index:99;}
#menu-trigger{display:none;position:fixed;top:0px;right:10px;color: #666;}
#menu-idiomas{position:fixed;top:5px;right:60px;}
#menu-idiomas a {font-size: 12px; font-weight: 400; color: #666; padding:3px; text-decoration: none}
#menu-idiomas a:hover, #menu-idiomas a.active {color: #000;}

.btn-redessociales {
  min-width: 300px;
  margin-bottom: 5px;
}

.menu-redessociales {position:fixed;top:5px;left:20px;}
.menu-redessociales a {font-size: 16px; color: #666; padding:5px;}
.menu-redessociales a:hover, .menu-redessociales a.active {color: #000;}
.menu-redessociales-movil {margin-top: 20px;width:170px;text-align:center;}
.menu-redessociales-movil a { font-size: 16px; color: #666; padding:5px; }

#menu-bottom{border:none;background-color:#f2f2f2;background-color:rgba(242,242,242,1);;height:80px;border-top: 1px solid #ddd;}
#menu-bottom a{color:#333;font-size:12px;padding-bottom: 5px}
#menu-bottom a:hover,#menu-bottom a:focus{color:#999;text-decoration:none}
#menu-bottom .navbar-primary a{text-transform:uppercase;line-height:50px;padding:10px 20px}
#menu-bottom .navbar-secondary a{padding:10px;}

.line-wrap{width:18px;height:12px;-webkit-transition:all;-o-transition:all;transition:all;-webkit-transition-duration:300ms;transition-duration:300ms;margin:10px 20px}
.line-wrap .line{width:18px;height:2px;background-color:#666;-webkit-transition:all;-o-transition:all;transition:all;-webkit-transition-duration:300ms;transition-duration:300ms}
.line-wrap .line.center{margin:3px 0}

.open .line-wrap{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.open .line-wrap .line.top{width:12px;transform:translateX(8px) translateY(1px) rotate(45deg);-webkit-transform:translateX(8px) translateY(1px) rotate(45deg)}
.open .line-wrap .line.bottom{width:12px;transform:translateX(8px) translateY(-1px) rotate(-45deg);-webkit-transform:translateX(8px) translateY(-1px) rotate(-45deg)}

label {font-weight: normal;}
.breadcrumb > li {
	color: #fff;
}
.breadcrumb > li + li:before {
  color: #fff;
}
.breadcrumb > li + li.avance:before {
  padding: 0 5px;
  content: "";
}

.breadcrumb > li.avance a {color: #fff; text-decoration: none;}
.breadcrumb > li.avance i {margin: 0 5px;}
h2.lost { color: #f1676d; }
.breadcrumb.lost {background-color: #f1676d;}
h2.found { color: #bfdd9f; }
.breadcrumb.found {background-color: #bfdd9f;}

#load{height:100%;overflow:hidden;position:fixed;width:100%;z-index:9501;background-color: rgba(255,255,255,1);}
#load .pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
#load .pace .pace-activity{position:fixed;display:block;z-index:2000;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px;background:#fff;pointer-events:none;border-radius:100%}
#load .pace .pace-activity{margin:-65px 0 0 -65px;width:130px;height:130px;background:0 0}
#load .pace .pace-activity:after,
#load .pace .pace-activity:before{position:absolute;bottom:9px;left:9px;display:block;border:3px solid #666;border-radius:50%;content:''}
#load .pace .pace-activity:after,
#load .pace .pace-activity:before{border-width:7px;border-color:#666;}
#load .pace .pace-activity:before{border-right-color:transparent!important;border-left-color:transparent!important;-webkit-animation:pace-rotation 3s linear infinite;animation:pace-rotation 3s linear infinite}
#load .pace .pace-activity:before{bottom:0;left:0;width:130px;height:130px}
#load .pace .pace-activity:after{border-top-color:transparent!important;border-bottom-color:transparent!important;-webkit-animation:pace-rotation 1s linear infinite;animation:pace-rotation 1s linear infinite}
#load .pace .pace-activity:after{bottom:33px;left:33px;width:66px;height:66px}
@-webkit-keyframes pace-rotation{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}
@keyframes pace-rotation{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}

@media only screen and (max-width: 760px) {
  .upper {height:30%}
  .upper.smaller {height: 100px;}
  .upper img{width: 250px;}
  .upper.smaller img {margin-top: 60px;}
  .ilost,.ifound{clear:both;width:100%;margin:0px;-webkit-box-shadow: none;-moz-box-shadow:none;box-shadow:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
  .options{position:relative;width:100%;height:35%}
  #menu-bottom{display:none}
  #menu-trigger{display:block}
  .paddingmobile {padding-top: 15px;}
}