body{

	background: #4b697b;
	margin:0;
  color: #fff;
	padding:0;
	padding-bottom: 60px;
	font-family: 'Montserrat', sans-serif;
	min-height: 700px;
	}

h1{
  font-size: 26px;
  font-weight: lighter;

}

img{
  float: left;
  margin-right:15px;
  margin-bottom: 10px;
  border-radius: 3px;
}

h3{
  color:#ffe56a;
}

span{
  color:#ffe56a;
}

a{
  color: #ffe56a;
}

a.zoom{
  width:calc(100% - 20px);
  width:-moz-calc(100% - 20px);
  display:inline-block;
  padding: 10px;
  border-radius: 3px;
  background: rgba(0,0,0,.3);
  color: #eee;
  overflow: hidden;
  margin-top: 10px;
  font-size: 14px;
}

header{
  width: 100%;
  background: #4b697b;
  padding-top: 10px;
  padding-bottom:10px;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;

  -webkit-box-shadow: 0 0 20px 20px #4b697b;
  box-shadow: 0 0 20px 20px #4b697b;
}

header segment{
  width:calc(100% - 20px);
	width:-moz-calc(100% - 20px);
	max-width:500px;
	display:block;
	margin:0 auto;
  padding:20px;
  padding-top:10px;
  padding-bottom: 10px;
}

mobile{
	width:calc(100% - 40px);
	width:-moz-calc(100% - 40px);
	padding:20px;
	padding-top:20px;
	max-width:500px;
	display:block;
	margin:0 auto;
	}

.item{
  width:calc(100% - 22px);
  width:-moz-calc(100% - 22px);
  padding:10px;
  background-color: rgba(0,0,0,.1);
  margin-bottom: 10px;
  border-radius : 3px;
  border-left: 2px solid rgba(0,0,0,.2);
}

.item.selected{
  background-color: rgba(0,0,0,.3);
  border-left-color: #53ffac;
}

.item .pregunta{
  font-weight:bolder;
  color: #fff;
  margin:0;
  font-size: 17px;
}

.item .respuesta{
color: #ccd7dd;
font-size: 17px;
  font-weight: lighter;
  display:none;
  margin-bottom: 0;
}

#search:focus{
  background: rgba(255,255,255,.8);
  outline: none;
}

#search{
  border:0;
  border-radius:5px;
  width:calc(100% - 100px);
	width:-moz-calc(100% - 100px);
  padding:10px;
  font-size: 18px;
  height: 20px;
  display: inline-block;
  background: rgba(255,255,255,.5);
}

segment i{
  font-size: 20px;
  margin-left: 10px;
}

tags{display:none;}

table{
  width: 100%;
  margin-top: 20px;
}
table td{
  padding:7px;
  font-size: 14px;
  color: #fff;
  font-weight: lighter;
  vertical-align: top;
}

table tr td:first-child{
  font-weight: bolder;
  color: #eef;
}

table tr:nth-child(even){
  background: rgba(0,0,0,0);
}

table tr:nth-child(odd){
  background: rgba(0,0,0,.05);
}

estado{
  display: block;
  margin-top: 20px;
  border-radius: 3px;
  font-size: 15px;
  width:calc(100% - 50px);
  width:-moz-calc(100% - 50px);
  padding: 10px;
  padding-left: 40px;
  color: #000;
  background: #fff;
}

estado i{
  position: absolute;
  margin-left: -30px;
  z-index: 1;
}

estado.espera{
  color: #5d5a30;
  background: #ffeb61;
}

estado.aprobado{
  color: #558542;
  background: #8eff61;
}

.selected{
  opacity: 1;
}

.unselected{
  opacity: 0.2;
}

.red{background:#269d63; width: 0px; padding:2px}
.blue{background:#26889d; width: 0px; padding:2px}
.green{background:#4a9d26; width: 0px; padding:2px}
.yellow{background:#26699d; width: 0px; padding:2px}

.ok{
  display: inline-block;
  border-radius: 3px;
  padding:7px;
  font-size: 17px;
  color: #558542;
  background: #8eff61;
  margin-bottom: 20px;
  text-decoration: none;
}

.notok{
  display: inline-block;
  border-radius: 3px;
  padding:7px;
  font-size: 17px;
  color: #5d5a30;
  background: #ffeb61;
  text-decoration: none;
}


.wapp{
  display: inline-block;
  font-size: 25px;
  color: #53ffac;
  background: none;
  text-decoration: none;
  margin-top:10px;
}