/**** SIZINGS ****/
.editorial{ margin: 20px 10px 0 20px; }
.youtube{ margin: 20px 20px 0 20px; }
.boxList{ margin: 20px 0 20px 20px; }
.bannerList{ margin: 20px; }

.table .title{ width:100%;height:30px; }
.table .article{ padding:10px; }
.youtube .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; 
	padding-top: 19%;
	height: 0;
	z-index:2;
	overflow:hidden;
}
.youtube .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:-1;
}
.table .box{
	overflow:hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 0 #aaa;
	-moz-box-shadow: 1px 1px 0 #aaa;
	box-shadow: 1px 1px 0 #aaa;
}
.table .title{
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
}
.table .article{
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}

.editorial .article > img{ width:100%;height:auto;}

/**** STYLINGS ****/
.table .box.yellow, .table .box.green{ background:#EDD67D; }
.youtube .box.yellow{ background:#1D1D1D; }
.table .box.purple{ background:#EFD3E7; }
.table .box.blue{ background:#E0E6FF; }
.table .box.yellow .title{ background:#DD3B3B; }
.table .box.purple .title{ background:#6825F9; }
.table .box.green .title{ background:#3CB371; }
.table .box.blue .title{ background:#3759C6; }
.table .title h1{ color:#fff;font-size:1.2em;font-weight:bold;line-height:1.7;text-align:center; }

.editorial .article { text-align:justify; }
.editorial .article .image-wrapper{ float:left;margin-top:1.7%;margin-right:1.5%;width:33%;text-align:center; }
.editorial .article .image-wrapper img{ width:100%;height:auto; }
.grid .article { padding:10px; }
.grid .article li{ padding:5px 0; }
.grid .article li.more{ text-align:right; }
.grid .article li.more a{ font-size:1em;font-weight:bold;text-align:right; }
.grid .article span.icon{ font-size:1.4em; }
.grid .article a{ color:#1E1A0C;text-decoration:none; }
.grid .article a:hover{ text-decoration:underline; }
.grid .article span.source{ color:red; }
.grid .article span.date{ color:green; }

.bannerList .article .lines li{ padding:10px 0; border-bottom:1px dashed #000080;}
.bannerList .article .lines li:last-of-type{ border:0; }
.bannerList .article a {padding:3px;}
.bannerList .banner > a {width:100%;height:100%;display:block;padding:0;}
.bannerList .banner img{ width:100%;height:auto;background:#EDD67D;margin-bottom:-5px;}
.bannerList table.eortologio td { padding:6px 5px; }
.bannerList table.eortologio a { color:#1E1A0C;text-decoration:none; }