body {
  margin-top:150px;
  margin-left: auto;
   margin-right: auto;
}
header {
  background-color:#9e1318;
  position: absolute;
  top:0px;
  width:100%;
  height:150px;
  vertical-align:middle;
}
header h1 {
  text-align:center;
  color:#ffffff;
  font-size:45px;
}
.log-out {
  text-align: right;
  padding:5px;
}
.log-out a{
  color:#ffffff;
}
.home-body {
  margin-left: 150px;
  margin-right: 150px;
  padding-top: 80px;
}
.home-body h2{
  text-align: center;
  color: #9e1318;
  font-size: 35px;
}

.home-table {
  width: 100%;
}

.home-table tr {
  height:120px;
}
.home-table tr td{
  text-align:center;
}
.home-button{
  background-color:#8eba1a;
  height: 100px;
  width: 70%;
}
.home-button:hover{
  background-color:#7ea517;
}
.home-button span{
  font-size:25px;
  font-weight: bold;
  color:#ffffff;
}

.renderer{
  width: 100%;
  border-spacing: 0;
}
.renderer thead{
  position: relative;
}
.renderer th{
  border-style: solid solid double solid;
  border-width: 2px;
  border-color: #8eba1a;
  background-color: #eeeeee;
  padding:20px;
  max-width: 20%;
}
 .renderer td {
   text-align:center;
   border-style: solid;
   border-width: 1px;
   border-color: #8eba1a;
   padding: 20px;
   max-width: 20%;
 }
.renderer th span{
  color:#9e1318;
  font-size: 30px;
}
.renderer td span{
  font-size: 20px;
}
.renderer .currency{
  font-size:16px;
}
.renderer .left-text{
  text-align:left;
  font-size: 20px;
}
.new-button{
  background-color:#8eba1a;
  height: 70px;
  width: 250px;
}
.new-button:hover{
  background-color:#7ea517;
}
input.new-button{
  font-size:25px;
  font-weight: bold;
  color:#ffffff;
  margin-right:10px;
  width:150px;
}
.cancel-button{
  background-color:#ff0000;
  height: 70px;
  width: 150px;
}
.cancel-button:hover{
  background-color:#c80000;
}
input.cancel-button{
  font-size:25px;
  font-weight: bold;
  color:#ffffff;
  margin-left:10px;
}
.new-button span{
  font-size:25px;
  font-weight: bold;
  color:#ffffff;
}
.edit-button {
  width:100%;
  background-color: #8eba1a;
  padding:10px
}
.edit-button:hover {
  background-color: #7ea517;
}
.edit-button span {
  color:#ffffff;
}
.delete-button {
  width:100%;
  background-color: #ff0000;
  padding:10px
}
.delete-button:hover {
  background-color: #c80000;
}
.delete-button span{
  color:#ffffff;
  font-size-adjust: auto;
}
.label-title{
  color: #9e1318;
  font-size: 25px;
  font-weight: bold;
}
.label-option{
  font-size: 20px;
  color:#000000;
  font-weight: normal;
}
.label-option .currency{
  font-size: 16px;
}
input[type="text"],input[type="number"],input[type="email"],input[type="password"],select{
  width:100%;
  height:30px;
  font-size: 20px;
}
textarea{
  width:100%;
  font-size:16px;
  height:200px;
  resize: none;
}
input[type="radio"]{
  width:1.25em;
  height:1.25em;
}
input[type="checkbox"]{
  width:1.5em;
  height:1.5em;
}
.radio-table{
  width:100%;
  text-align: center;
}
.radio-table td{
  padding:10px;
}
.preview-container{
  margin-top: 40px;
  font-family: 'Monserrat',sans-serif;
}
.block-noticias-home {
  max-width:72%;
	position:relative;
    background: #ffffff;
    margin: 0.8em;
    float: left;
    width: 100%;
	border-bottom: 5px solid #9e1318;
	border-top: 1px solid rgba(158,19,24,0.2);
	border-left: 1px solid rgba(158,19,24,0.2);
	border-right: 1px solid rgba(158,19,24,0.2);
}
.block-noticias-puntuado {
	position:relative;
    background: #f1f1f1;
    margin: 3em 0;
    float: left;
    width: 100%;
}
.block-text-noticias h2 {
  color: #333;
    font-weight: 500;
    line-height: 1em;
  margin: 0px;
    padding: 0.5em 0.8em !important;
	font-size: 24px;
}
.block-text-noticias p {
  margin:0px;
  font-weight: 500;
    -webkit-font-smoothing: antialiased;
    line-height: 1.7em;
    padding: 0.5em 1.6em 2.5em 1.6em !important;
	color: #999999;
}
.etiquetasfeed {
  font-weight: 500;
    -webkit-font-smoothing: antialiased;
    line-height: 1.7em;
	width: 25%;
	position:absolute;
	bottom:-5px;
	right:0px;
	background: #9e1318;
	color: #fff;
	padding: 0.2em 1.2em;
	border-radius: 39px 0 0 0;
	font-size: 0.9em;
	text-align: right;
}
.width {
    width: 20%;
    background: #ffffff;
    position: relative;
    vertical-align: top;
    float: left;
}

.width:before {
    content: '';
    display: block;
}
.ratio1-1:before {padding-top: 100%;}
.ratio2-1:before {padding-top: 50%;}
.ratio4-3:before {padding-top: 75%;}
.ratio16-9:before {padding-top: 56.25%;}
.contenido {
   position: absolute;
   top: 0; left: 0; bottom: 0; right: 0;
   font-size: 100%;
   font-size: 1.5rem;
   color: #444;
	vertical-align:middle;
	text-align:center;
}
.contenido img{
	max-height:100%;
	width:auto;
}
button.feed {
    background: #9E1315;
    padding: 0.3em 0;
    text-decoration: none;
    border: 0;
    font-size: 1em;
    color: aliceblue;
    font-weight: bold;
    float: left;
    width: 100%;
	border-radius: 5px;
	cursor:pointer;
}
.block-valor-noticias {
    width: 9%;
    background: #8eba1a;
    float: left;
	margin: 1% 1% 0 0;
}
.block-boton-noticias {
    width: 9%;
    float: left;
	margin: 1% 1% 0 0;
}
.block-valor-noticias p {
    margin: 0px;
    float: left;
    color: #fff;
    padding: 0.2em 1em !important;
    font-size: 1em;
    width: 100%;
    text-align: center;
}
.block-text-noticias {
    float: left;
    margin-bottom: 0em;
	width: 70%;
}