/* ---------------------------------------------------------------------------------------------- */
/* fundo azul da listagem das noticias */

div#blueBig { display: block; position: relative; width: 62%; float: right; background: transparent url(../src/images/bodyBg.png) repeat; }
div#blueBig
{
	min-height: 100%;
	min-height: -webkit-calc( 100vh - 165px );
	min-height: -moz-calc( 100vh - 165px );
	min-height: calc( 100vh - 165px );
}
	div#blueBig h1 { display: block; position: relative; margin: 100px 50px 50px 50px; font-family: 'PalatinoBold', sans-serif; color: #ffffff; font-size: 35px; line-height: 45px; }
	div#blueBig h2 { display: block; position: relative; margin: 25px auto 15px auto; color: #ffffff; font-size: 18px; line-height: 25px; }
	div#blueBig a.more { display: inline-block; position: relative; margin: 0 0 0 50px; color: #ffffff; font-family: 'PalatinoBold', sans-serif; font-size: 12px; line-height: 25px; border: 1px solid #ffffff; padding: 0 10px; text-decoration: none; }
	div#blueBig a.more:hover { background-color: #ffffff; color: #0064ae; }
	div#blueBig hr { display: block; position: relative; height: 0; border: none; margin: 35px auto; border-bottom: 1px solid #6e84b3; }
	div#blueBig h2,
	div#blueBig hr
	{
		width: 100%;
		width: -webkit-calc( 100% - 100px );
		width: -moz-calc( 100% - 100px );
		width: calc( 100% - 100px );
	}
	div#blueBig p { display: block; position: relative; margin: 15px 50px 50px 50px; color: #ffffff; font-size: 16px; line-height: 25px; }

	div#blueBig div.paginator { display: block; position: relative; margin: 25px 50px; }
		div#blueBig div.paginator a { display: inline-block; position: relative; font-size: 14px; line-height: 25px; color: #ffffff; margin: 0 5px; text-decoration: none; }
		div#blueBig div.paginator a:hover { color: #c1a386; }
		div#blueBig div.paginator p { display: inline-block; position: relative; font-size: 14px; line-height: 25px; color: #ffffff; margin: 0 5px; }
		div#blueBig div.paginator p.actual { text-decoration: underline; color: #c1a386; }

div#blueBig
{
	-moz-animation: enterFromRightBig;
    -moz-animation-duration: 0.7s;
    -webkit-animation-name: enterFromRightBig;
    -webkit-animation-duration: 0.7s;
    animation-name: enterFromRightBig;
    animation-duration: 0.7s;
}

@media all and ( max-width: 699px )
{
	div#blueBig { width: 95%; }
		div#blueBig h1 { margin: 25px 10px 20px 10px; font-size: 25px; line-height: 35px; }
		div#blueBig h2 { margin: 25px 10px 20px 10px; font-size: 16px; line-height: 20px; }
		div#blueBig a.more { margin: 0 10px 0 10px; }
		div#blueBig hr { border-bottom: 1px solid #ffffff; }

		div#blueBig div.paginator { margin: 25px 10px; text-align: center; }
}
@media all and ( min-width: 700px ) and ( max-width: 1199px )
{

}


/* ---------------------------------------------------------------------------------------------- */
/* fundo azul do detalhe da noticia */

div#blueSmall { display: block; position: relative; width: 40%; float: right; background: transparent url(../src/images/bodyBg.png) repeat; }
div#blueSmall
{
	min-height: 100%;
	min-height: -webkit-calc( 100vh - 165px );
	min-height: -moz-calc( 100vh - 165px );
	min-height: calc( 100vh - 165px );
}
	div#blueSmall h1 { display: block; position: relative; margin: 100px 50px 50px 50px; font-family: 'PalatinoBold', sans-serif; color: #ffffff; font-size: 35px; line-height: 45px; }
	div#blueSmall h2 { display: block; position: relative; margin: 25px auto 15px auto; color: #ffffff; font-size: 18px; line-height: 25px; }
	div#blueSmall a.more { display: inline-block; position: relative; margin: 0 0 0 50px; color: #ffffff; font-family: 'PalatinoBold', sans-serif; font-size: 12px; line-height: 25px; border: 1px solid #ffffff; padding: 0 10px; text-decoration: none; }
	div#blueSmall a.more:hover { background-color: #ffffff; color: #0064ae; }
	div#blueSmall hr { display: block; position: relative; height: 0; border: none; margin: 35px auto; border-bottom: 1px solid #6e84b3; }
	div#blueSmall h2,
	div#blueSmall hr
	{
		width: 100%;
		width: -webkit-calc( 100% - 100px );
		width: -moz-calc( 100% - 100px );
		width: calc( 100% - 100px );
	}
	div#blueSmall p { display: block; position: relative; margin: 15px 50px 50px 50px; color: #ffffff; font-size: 16px; line-height: 25px; }

	div#blueSmall div.paginator { display: block; position: relative; margin: 25px 50px; }
		div#blueSmall div.paginator a { display: inline-block; position: relative; font-size: 14px; line-height: 25px; color: #ffffff; margin: 0 5px; text-decoration: none; }
		div#blueSmall div.paginator a:hover { color: #c1a386; }
		div#blueSmall div.paginator p { display: inline-block; position: relative; font-size: 14px; line-height: 25px; color: #ffffff; margin: 0 5px; }
		div#blueSmall div.paginator p.actual { text-decoration: underline; color: #c1a386; }

div#blueSmall
{
	-moz-animation: enterFromRightSmall;
    -moz-animation-duration: 0.7s;
    -webkit-animation-name: enterFromRightSmall;
    -webkit-animation-duration: 0.7s;
    animation-name: enterFromRightSmall;
    animation-duration: 0.7s;
}

@media all and ( max-width: 699px )
{
	div#blueSmall { display: none; }
}
@media all and ( min-width: 700px ) and ( max-width: 1199px )
{

}


/* ---------------------------------------------------------------------------------------------- */
/* fundo amarelo do detalhe da noticia */

div#yellow { display: block; position: relative; width: 40%; float: left; background-color: #d1b698; margin: 0 0 0 20%; text-align: right; }
div#yellow
{
	min-height: 100%;
	min-height: -webkit-calc( 100vh - 165px );
	min-height: -moz-calc( 100vh - 165px );
	min-height: calc( 100vh - 165px );
}
	div#yellow h1 { display: block; position: relative; margin: 100px 50px 50px 50px; font-family: 'PalatinoBold', sans-serif; color: #ffffff; font-size: 24px; line-height: 45px; }
	div#yellow p { display: block; position: relative; margin: 0 50px 50px 50px; color: #ffffff; font-size: 16px; line-height: 20px; }

	div#yellow div.photos { display: block; position: relative; margin: 0 50px 50px 50px; text-align: right; }
		div#yellow div.photos a { display: inline-block; position: relative; width: 98px; height: 98px; margin: 0 0 25px 25px; border: 2px solid #ffffff; }
		div#yellow div.photos a:hover { border: 2px solid #0064ae; }

	div#yellow a.close { display: inline-block; position: relative; margin: 0 50px 25px 0; color: #ffffff; font-family: 'PalatinoBold', sans-serif; font-size: 12px; line-height: 25px; border: 1px solid #ffffff; padding: 0 10px; text-decoration: none; }
	div#yellow a.close:hover { background-color: #ffffff; color: #0064ae; }

div#yellow
{
	-moz-animation: enterFromLeft;
    -moz-animation-duration: 0.5s;
    -webkit-animation-name: enterFromLeft;
    -webkit-animation-duration: 0.5s;
    animation-name: enterFromLeft;
    animation-duration: 0.5s;
}

@media all and ( max-width: 699px )
{
	div#yellow { width: 95%; float: right; text-align: left; }
		div#yellow h1 { margin: 25px 10px 20px 10px; font-size: 25px; line-height: 35px; }
		div#yellow p { margin: 25px 10px 20px 10px; font-size: 14px; line-height: 20px; }

		div#yellow div.photos { margin: 0 10px 0 10px; }

		div#yellow a.close { margin: 0 10px 25px 10px }
}
@media all and ( min-width: 700px ) and ( max-width: 1199px )
{

}


/* ---------------------------------------------------------------------------------------------- */
/* animacoes */

@-moz-keyframes enterFromRightBig { 0% { right: -62% } 100% { right: 0; } }
@-webkit-keyframes enterFromRightBig { 0% { right: -62% } 100% { right: 0; } }
@keyframes enterFromRightBig { 0% { right: -62% } 100% { right: 0; } }

@-moz-keyframes enterFromRightSmall { 0% { right: -40% } 100% { right: 0; } }
@-webkit-keyframes enterFromRightSmall { 0% { right: -40% } 100% { right: 0; } }
@keyframes enterFromRightSmall { 0% { right: -40% } 100% { right: 0; } }

@-moz-keyframes enterFromLeft { 0% { left: -100% } 100% { left: 0; } }
@-webkit-keyframes enterFromLeft { 0% { left: -100% } 100% { left: 0; } }
@keyframes enterFromLeft { 0% { left: -100% } 100% { left: 0; } }