@font-face{font-family: 'arimo'; src: url(../fonts/arimo.ttf); }
@font-face{font-family: 'cinzel'; src: url(../fonts/cinzel.ttf); }

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}	

.bloco{
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 10px;
	clear: both;
	}

.reticencias{
	/* deve-se definir a largura do objeto */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}	

.formato_wide,
.formato_foto,
.formato_quadrado{
	width: 100%;
	position: relative;
	}

.formato_wide{ padding-bottom: 56.25%; }
.formato_foto{ padding-bottom: 75%; }
.formato_quadrado{ padding-bottom: 100%; }

.formato_wide > *,
.formato_foto > *,
.formato_quadrado > *{
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	}

.foto_centro{
	position: relative;
	display: block;
	}

.foto_centro > img {
    max-width: 100%;
    max-height: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
}

/* TITULOS */
.titulo1,
.titulo2,
.titulo3,
.titulo4,
.titulo5,
.titulo6{ font-family:'Roboto','Arial','sans-serif'; display: block; font-weight:700; text-decoration:none; margin:0px; padding:0px; line-height:110%; }
.titulo1{ font-size:48px; letter-spacing:-2px; margin-bottom:20px; }
.titulo2{ font-size:32px; letter-spacing:-2px; margin-bottom:15px; }
.titulo3{ font-size:26px; letter-spacing:-1px; margin-bottom:10px; }
.titulo4{ font-size:22px; letter-spacing:-1px; margin-bottom:10px; }
.titulo5{ font-size:18px; margin-bottom:0px; }
.titulo6{ font-size:16px; margin-bottom:0px; }

.texto-paragrafo{
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 24px;
	text-align: left;
	}

.texto-subtitulo{
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 28px;
	color: #666;
	}

.texto-data{
	font-size: 12px;
	line-height: 20px;
	color: #999;
	}

.titulo_pagina{
	font-family: 'Roboto','sans-serif';
	font-size: 16px;
	font-weight: normal;
	line-height: 100%;
	text-align: left;
	text-indent: 10px;
	color: #333;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	background-color: #FFF;
	}

.rotulo{
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 10px;
	}

.paginacao{
	text-align: center;
}

/* CONTEÚDOS */
.lista_com_foto{ display: table; width: 100%; padding: 10px 0px;}
.lista_com_foto > div{ display: table; width: 100%; margin-bottom: 20px; }
.lista_com_foto > div > a{ display: block float:left; padding: 0px; margin: 0px 0px 0px 0px; }
.lista_com_foto > div > a > figure{ background-color: #EEE; position: relative; display: block; float: left; width: 200px; height: 140px; padding: 0px; margin: 0px 15px 0px 0px; background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); box-shadow: 1px 1px 3px rgba(0,0,0,0.2); }
.lista_com_foto > div > div{ padding: 0px 0px 0px 0px; }

@media (max-width: 800px) {
	.titulo_pagina{
		text-indent: 50px;
		}
	}

@media (max-width: 650px) {
	.lista_com_foto > div > a > figure{ width: 140px; height: 100px;  }
	.lista_com_foto > div > div{ padding-left: 160px; }
}
@media (max-width: 450px) {
	.lista_com_foto > div > a > figure{ width: 100px; height: 80px;  }
	.lista_com_foto > div > div{ padding-left: 120px; }
}
@media (max-width: 380px) {
	.titulo_pagina{ 
		font-size: 18px; 
		color: #333;
		text-shadow: none;
		letter-spacing: 0px;
		border-bottom: solid 2px #FFF;
		}
}


/* EFEITOS */
.zoom{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1); transition:width 0.2s, height 0.2s; -webkit-transition:width 0.2s, height 0.2s, -webkit-transform 0.2s; }
.zoom:hover{ -webkit-transform:scale(1.03); -moz-transform:scale(1.03); -o-transform:scale(1.03); transform:scale(1.03); }