body {
	font-size: 13px;
	font-family: 'Roboto Slab', serif;}

.content {width: 80%; margin-left: 10%;}
.clearfix {clear:both;}

h1 {font-size: 3.5em; color: #444; margin: 10px auto; padding: 10px 0; border-bottom: 1px solid #EFBA4D;}

h3, h3 a {
	page-break-after:avoid;
	font-size: 1.1em;
	line-height: 1em;
	font-weight:normal;	
	color: #732318;
	text-decoration: none;
	margin: 10px 0 0;
	min-height: 65px;
	font-weight:bold;
	text-shadow: 0 0 8px #fff;
	text-shadow: none !important;}

h3 a:hover, a:hover {color: #EFBA4D;}
a {color: #732318;}

.noticia:hover h3 a {color: #EFBA4D;}
.noticia:hover img.img-not {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;}

.titulo-not {border-bottom: 1px solid #FF0000;}
.dat-not {font-size: 1.1em; margin: 2px 0; position:relative;}
.img-cs {width: 100%; margin-top: 20px;}

.noticia {
	width: 20%; 
	float:left; 
	margin: .5%; 
	padding: 1%;
	padding-bottom: 5px;	
	background: #FEFEFE;
	border: 1px solid #FAFAFA;
	border-radius: 2px;
	
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	webkit-box-shadow: 0 1px 2px rgba(40,60,90,.29);
    -moz-box-shadow: 0 1px 2px rgba(40,60,90,.29);
    box-shadow: 0 1px 2px rgba(40,60,90,.29);}
	
.noticia.uno {width: 95.4%; float:left; margin: .5%;}	
.noticia.dos {width: 49%; float:left; margin: .5%; background-color: #FFC; border: 1px solid #FEB;}

.noticia:hover {
	background: #444;
	border: 1px solid #555;
	color: #FEFEFE;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	webkit-box-shadow: 0px 4px 2px rgba(40,60,90,.29);
    -moz-box-shadow: 0px 4px 2px rgba(40,60,90,.29);
    box-shadow: 0px 4px 2px rgba(40,60,90,.29);}

.noticia.uno h3, .noticia.uno h3 a {font-size: 1.5em;}
.noticia.dos h3, .noticia.dos h3 a {font-size: 1.4em;}

.img-not-wrapp {
	display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 50% 0 0 0;
    overflow: hidden;}
	
img.img-not {
	min-width: 100%;
	max-width: 350px;
    height: auto;
    position: absolute;
    top: -9950px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;}
	
.footer {margin: 40px auto; padding: 20px; border-top: 1px solid #EFBA4D;}


.dat-not:after {
	display: block; 
	content: ''; 
	position: absolute; 
	width: 20px; 
	height: 20px; 
	right: 0; 
	bottom: 1px;
	text-align:center;
	font-size: 12px;
	color: #FFF; 
	background-color:#444;}

.u1 .dat-not:after {content: 'U1'; background-color:#FF0000;}
.u2 .dat-not:after {content: 'U2'; background-color:#009933;}
.u3 .dat-not:after {content: 'U3'; background-color:#BFBF28;}
.u4 .dat-not:after {content: 'U4'; background-color:#808080;}
.u5 .dat-not:after {content: 'U5'; background-color:#009BC2;}
.u6 .dat-not:after {content: 'U6'; background-color:#FF6600;}
.u7 .dat-not:after {content: 'U7'; background-color:#910091;}

.u1 .titulo-not {border-bottom: 1px solid #FF0000;}
.u2 .titulo-not {border-bottom: 1px solid #009933;}
.u3 .titulo-not {border-bottom: 1px solid #BFBF28;}
.u4 .titulo-not {border-bottom: 1px solid #808080;}
.u5 .titulo-not {border-bottom: 1px solid #009BC2;}
.u6 .titulo-not {border-bottom: 1px solid #FF6600;}
.u7 .titulo-not {border-bottom: 1px solid #910091;}


@media only screen and (max-device-width: 480px) {
	.noticia {width: 95.4%;}	
	.noticia.uno {width: 95.4%;}	
	.noticia.dos {width: 95.4%;}
	
body {font-size: 20px;}
}