body{
	/*background-image: url('../img/fondo.jpg');*/
	background-position: center;
	background-size: cover;
	font-family: 'MyriadPro';
}
body > svg{
	padding-top: 50px;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
a.button{
	font-family: 'MyriadPro';
}
h1,h2,h3,h4,h5{
	font-family: 'MyriadPro';
}
.back{
	margin: 0px;
}
.feeling{
	background: #ff0000; /* Old browsers */
	background: -moz-linear-gradient(left,  #ff0000 0%, #effc00 50%, #007f00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0000), color-stop(50%,#effc00), color-stop(100%,#007f00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ff0000 0%,#effc00 50%,#007f00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ff0000 0%,#effc00 50%,#007f00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ff0000 0%,#effc00 50%,#007f00 100%); /* IE10+ */
	background: linear-gradient(to right,  #ff0000 0%,#effc00 50%,#007f00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#007f00',GradientType=1 ); /* IE6-9 */
	width: 100%;
	height: 20px;
	margin-bottom: 10px;
	display: block;
}
/*#######################################  SearchView  #######################################*/
#SearchView{
	margin-top:15%;
}
.panel.transparent{
	position: relative;
	border: 0px solid;
	background-color: rgba(255,255,255,.7);
}
.panel.transparent h5{
	text-align: center;
}
.panel.transparent .count{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	line-height: 100px;
	margin: 0 auto;
	display: block;
	background-color: #008CBA;
	color: white;
	text-align: center;
	font-size: 40px;
}
.inputCustom{
	position: relative;
	height: 100px;
	width: 100%;
	display: block;
	background-color: #008CBA;
	padding: 2.5%;
	margin-bottom: 10px;
	transition: all 500ms ease;
}
.inputCustom:before{
	position: absolute;
	width: 100%;
	content: '';
	height: 100%;
	bottom: 0px;
	display: block;
	background: white;
	transition: all 500ms ease;
}
.inputCustom.open:before{
	width: 95%;
	content: '';
	height: 39%;
	bottom: 14px;
	display: block;
	background: white;
}
.inputCustom label{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: white;
	line-height: 100px;
	font-size: 20px;
	transition: line-height 500ms ease;
}
.inputCustom.open label{
	height: 50%;
	line-height: 50px;
	background-color: transparent;
	padding-left: 2.5%;
	color: white;
}
.inputCustom input[type="text"]{
	position: absolute;
	bottom: 0;
	width: 95%;
	background-color: transparent;
	border: 0px;
	transition: all 500ms ease;
	box-shadow: 0px 0px 0px;
}
/*#######################################  CandidatesView  #######################################*/
#CandidatesView{
	padding-top: 10px;
}
#CandidatesView #candidates{
	margin-top: 10px; 
}
#CandidatesView #candidates .panel p{
	margin: 5px auto;
}
#CandidatesView #candidates .panel .partido{
	position: absolute;
	top: -15px;
	left: -15px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: white;
	text-align: center;
	color: white;
	line-height: 40px;
	overflow: hidden;
}
#CandidatesView #candidates .panel .partido img{
	height: 100%;
	max-width: none;
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%,-50%);
}
#CandidatesView #candidates .imagen{
	height: 200px;
	overflow: hidden;
	position: relative;
}
#CandidatesView #candidates h5{
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
}
#CandidatesView #candidates .imagen img{
	width: 100%;
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%,-50%);
}
/*#######################################  CandidateDetailView  #######################################*/
#CandidateDetailView{
	padding-top: 10px;
}
#CandidateDetailView #websites{
	margin-top: 10px;
}
#CandidateDetailView p{
	margin: 0px;
	margin-bottom: 8px;
}
#NewsView .info h5,
#WebSitesView .info h5,
#CandidateDetailView .info h5{
	text-align: center;
}
#NewsView h2,
#WebSitesView h2,
#CandidateDetailView h2{
	text-align: center;
}
#NewsView .imagenProfile,
#WebSitesView .imagenProfile,
#CandidateDetailView .imagenProfile{
	width: 200px;
	height: 200px;
	overflow: hidden;
	position: relative;
	border: 2px solid white;
	border-radius: 100%;
	background-color: white;
	margin: 0 auto;
}
#NewsView .imagenProfile img,
#WebSitesView .imagenProfile img,
#CandidateDetailView .imagenProfile img{
	position: absolute;
	height: 100%;
	top: 50%;
	left: 50%;
	max-width: none;
	transform: translate(-50%,-50%);
}
#CandidateDetailView .panel{
	position: relative;
}
#WebSitesView .imageCrop,
#CandidateDetailView .imageCrop{
	display: block;
	margin: 0 auto;
	width: 40px;
	height: 40px;
}
#CandidateDetailView .sources li{
	padding-bottom: 0px;
}
#CandidateDetailView .sources a.button{
	margin-bottom: 0px;
}
/*#######################################  WebSitesView  #######################################*/
#WebSitesView{
	padding-top: 10px;
}
#WebSitesViews #websites{
	margin-top: 10px;
}
#WebSitesView #websites .panel{
	position: relative;
	padding-top: 30px;
}
#WebSitesView #websites .website{
	position: absolute;
	top: -15px;
	left: -15px;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	overflow: hidden;
}
/*#######################################  NewsViews  #######################################*/
#NewsView{
	padding-top: 10px;
}
#NewsView .new{
	position: relative;
}
#NewsView .new .abstract{
	height: 50px;
	overflow: hidden;
	overflow-y: visible;
	margin-bottom: 5px;
}
#NewsView .new .text{
	height: 100px;
	overflow: hidden;
	overflow-y: visible;
	margin-bottom: 10px;
}
#NewsView .new .abstract p,
#NewsView .new .text p{
	line-height: 18px;
	margin-bottom: 0px;
}
#NewsView .new h5{
	border-bottom: 1px solid #ccc;
}
#NewsView .new .date{
	position: absolute;
	right: 0;
	top: 0;
}
.inputSearch{
	text-align: center;
}
.input.ng-invalid{
	border:1px red solid;
}
.row.filter{
	position: absolute;
	width: 100%;
	z-index: 1;
}
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	/*#SearchView{
		position: fixed;
		width: 50%;
		height: 50%;
		top: 50%;
		left: 50%;
		transform:  translate(-50%,-50%);
	}*/
	/*input[type="text"]{
		font-size: 0.875rem;
		margin: 0 0 1rem 0;
		padding: 0.5rem;
		height: 2.3125rem;
	}*/
} 
/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) {
	/*#SearchView{
		position: fixed;
		width: 50%;
		height: 50%;
		top: 50%;
		left: 50%;
		transform:  translate(-50%,-50%);
	}*/
}