

* { margin: 0px; padding: 0px; line-height: 1.2em; }
html { width: 100%; }
a.red:link, a.red:visited, a.red:active { color: red ! important; text-decoration: underline; }
input:active, textarea:active, a:active { outline: medium none; }
a.batton { width: 100%; max-width: 340px; margin: 0px auto; }
a.batton, a.batton:link, a.batton:visited { color: rgb(255, 255, 255); }
:focus { outline: medium none; }
@font-face {
	font-family: "WebSymbolsLigaRegular";
	src: url('websymbolsligaregular.eot') format("embedded-opentype"), url('websymbolsligaregular.woff') format("woff"), url('websymbolsligaregular.ttf') format("truetype"), url('websymbolsligaregular.svg') format("svg");
}
a img { border: 0px none; }
body { width: 100%; font-family: "PT Sans",sans-serif; background: white none repeat scroll 0px 0px; }
#wraper { max-width: 1260px; min-width: 1208px; margin: 0px auto; padding: 5px 18px 0px; background: white none repeat scroll 0px 0px; }
#topBaner { text-align: center; width: 100%; min-width: 1208px; }
#topBaner img { margin: auto; }
.bannerPlace { display: inline-block; }
#logoAndNav { margin-top: 30px; text-align: center; white-space: nowrap; float: left; width: 100%; }
#logo { float: left; margin-top: -10px; text-align: left; vertical-align: middle; }
#logo img { width: 280px; }
header nav, header nav ul, header nav ul li { display: inline-block; }
header nav ul { margin-top: 10px; vertical-align: bottom; }
header nav { margin-left: 0px; }
header nav ul li { font-size: 14pt; font-weight: normal; margin-left: 12px; }
header nav ul li::before { content: "•"; font-size: 14pt; font-weight: bold; margin-right: 12px; vertical-align: middle; }
header nav ul li:nth-child(1)::before { display: none; color: white; }
header nav ul li a { text-decoration: none; color: black; vertical-align: middle; padding-bottom: 5px; }
#contentWraper { display: inline-block; width: 100%; min-height: 1800px; }
#newsColumn, #commentColumn { margin-top: 40px; display: inline-block; width: 300px; }
#newsColumn h2, #blogs h2, #commentColumn h2 { text-align: center; font-size: 12px; text-transform: uppercase; letter-spacing: 1pt; color: rgb(77, 77, 77); }
#newsColumn h2::before, #newsColumn h2::after, #commentColumn h2::before, #commentColumn h2::after { display: inline-block; content: " "; width: 55px; border-bottom: 1px solid rgb(77, 77, 77); margin-bottom: 3px; }
.bottomLink::before, .bottomLink::after { width: 85px ! important; }
#newsColumn h2::before, #commentColumn h2::before { margin-right: 18px; }
#newsColumn h2::after, #commentColumn h2::after { margin-left: 18px; }
#newsColumn p { margin-top: 13px; height: 68px; overflow: hidden; font-size: 14px; }
#newsColumn p strong { display: inline-block; float: left; overflow: hidden; height: 65px; width: 65px; margin-right: 15px; }
#newsColumn p img { margin-left: -15px; height: 65px; float: left; }
#newsColumn p span { color: rgb(153, 153, 153); font-size: 14px; }
#newsColumn p a { text-decoration: none; color: black; }
#events h2::before, #events h2::after { border: medium none; }
.content { margin-top: 40px; vertical-align: top; display: inline-block; width: 68%; margin-right: 0px; text-align: left; }
.content p { margin-top: 10px; margin-bottom: 15px; display: inline-block; width: 300px; height: 322px; overflow: hidden; margin-left: 20px; font-size: 16px; text-align: left; line-height: 19px; }
.content p a { text-decoration: none; color: black; }
.content p strong { display: inline-block; clear: both; font-size: 18px; }
.content p span { width: 100%; display: inline-block; clear: both; text-transform: uppercase; color: gray; white-space: nowrap; font-size: 14px; letter-spacing: 1px; }
.content p img { margin-right: 7px; margin-bottom: 5px; height: 160px; width: 238px; float: left; }
#elsePromoLine a:nth-child(3) { margin-right: 0px; }
#blogs p:nth-child(4) { margin-right: 0px; }
footer { height: 100px; background: rgb(100, 156, 191) none repeat scroll 0px 0px; text-align: center; min-width: 100px; }
footer div { display: inline-block; text-align: left; color: white; margin-top: 20px; }
footer #disclamer { font-size: 10pt; width: 590px; }
footer #disclamer img { float: left; margin: 3px 15px; vertical-align: middle; }
footer #mail { width: 230px; font-size: 10pt; margin-left: 90px; }
footer #ageRestriction { font-size: 25pt; padding: 10px 5px; vertical-align: top; margin-left: 60px; font-family: "PT Sans Narrow",Impact,sans-serif; }
a.active { border-bottom: 4px solid rgb(167, 190, 57); }
li.active a { color: rgb(167, 190, 57) ! important; }
#newsColumn { width: 250px; float: left; }
#newsColumn a.filterSw { display: inline-block; margin: 10px 10px 30px; color: black; text-decoration: none; border-bottom: 1px dashed black; }
.content p { width: 200px; }
#newsColumn nav { width: 220px; border-top: 1px solid rgb(191, 191, 191); margin-bottom: 40px; }
#newsColumn nav ul li { display: block; font-size: 13pt; border-bottom: 1px solid rgb(191, 191, 191); }
#newsColumn nav ul li a { display: block; padding: 8px; text-decoration: none; color: black; }
#newsColumn nav ul li a::first-letter { text-transform: uppercase; }
#newsColumn h2 { text-transform: uppercase; font-size: 11pt; font-weight: normal; letter-spacing: normal; color: rgb(77, 77, 77); }
#newsColumn h2::before, #newsColumn h2::after { display: none; }
#popular { margin: 0px 0px 40px; width: 100%; border: 1px solid rgb(221, 221, 221); text-align: center; }
#popular p { height: auto; margin-left: 0px; margin-top: 0px; line-height: 0 ! important; }
#popular p a { line-height: 10px; }
#popular p strong { height: auto; width: 100%; font-weight: normal; font-size: 16px; }
#popular p img { width: 200px; height: auto; vertical-align: top; margin-left: 0px ! important; }
#popular p span.category { font-size: 10pt; }
#popular h2 { text-transform: uppercase; font-size: 11pt; margin: 20px 0px; text-align: center; }
#popular h2::before, #popular h2::after { display: none; }
#text { margin-top: 40px; vertical-align: top; display: inline-block; width: 75%; margin-right: 0px; text-align: center; }
#align { padding-left: 50px; text-align: left; display: inline-block; }
#news div > span, #before span { color: rgb(102, 102, 102); }
#news span.date { display: block; font-size: 11pt; color: gray; text-align: left ! important; }
#news.article #image img { margin: 10px; width: 600px; height: auto; display: block; }
#news h1 { font-weight: normal; font-size: 26pt; margin: 20px 0px; }
#news h1.ArticleHeader { font-size: 27px; text-align: center; line-height: 30px; margin-bottom: 30px; margin-top: 10px; font-weight: bold; }
#news.article #image { text-align: center; }
#sectionArticle, #theme { display: inline-block; text-align: center; font-size: 20px; line-height: 20px; margin-bottom: 10px; }
#sectionArticle { margin-bottom: 0px; color: rgb(109, 148, 86); }
#theme { margin-top: 0px; color: rgb(102, 102, 102); }
#news span::first-letter { text-transform: uppercase; }
#news #autor { display: inline-block; text-transform: none; font-size: 16px; line-height: 20px; font-style: italic; margin-top: 20px; }
#news p { font-size: 16px; line-height: 20px; margin: 20px 0px; }
#cnt p:nth-child(1) { color: rgb(102, 102, 102); font-size: 16px; line-height: 20px ! important; }
.noup::first-letter { text-transform: none ! important; }
#text h3 a::first-letter { text-transform: uppercase; }
#before p:nth-child(1) { margin-left: 0px; }
#before p a::first-letter { text-transform: uppercase; }
#cnt strong { line-height: 20px ! important; }
#news p a, #news blockquote a, #news li a { color: rgb(102, 153, 204); line-height: 20px ! important; }
#news p a:visited, #news blockquote a:visited, #news li a:visited { color: gray; }
#news p a:active, #news blockquote a:active, #news li a:active { color: rgb(102, 204, 255); }
#smartbanner .sb-icon.gloss::after { content: ""; position: absolute; left: 0px; top: -1px; border-top: 1px solid rgba(255, 255, 255, 0.8); width: 100%; height: 50%; border-radius: 10px 10px 12px 12px; }
* { margin: 0px; padding: 0px; }
@font-face {
	font-family: "RobotoLight";
	src: url('roboto-light.ttf');
}
@font-face {
	font-family: "RobotoMedium";
	src: url('roboto-medium.ttf');
}
.top-block { display: none; padding: 15px 0px; max-width: 100%; }
#news p { text-align: justify; }
.comment { text-align: justify; padding-left: 50px; }
.comment p { text-align: justify; }
.top-block .list a { display: inline-block ! important; width: 125px ! important; color: white; background: rgb(96, 165, 212) none repeat scroll 0% 0%; border-radius: 5px; margin: 10px 15px; padding: 5px 0px; }
.list { background: white none repeat scroll 0% 0%; padding-bottom: 25px; max-width: 815px; margin: 0px auto; }
.list__item { float: left; border: 1px solid rgb(96, 165, 212); border-radius: 5px; height: 120px; display: inline-block; margin: 0px 1.9%; width: 150px; padding: 0px 5px; }
.list__item img { max-width: 100px; }
.clearfix::before, .clearfix::after { display: table; content: ""; }
.clearfix::after { clear: both; }
.comment div { border: 1px solid rgb(96, 165, 212); margin: 10px 0px ! important; padding: 5px; border-radius: 5px; }
.one { width: 95%; margin-left: 50px; }
@media screen and (max-width: 1270px) {
	header { display: none; }
	.bannerPlace { display: block; }
	a#top-list { display: none ! important; }
	.top-block { display: block; max-width: 1000px; margin: 0px auto; }
	.one { padding-left: 50px; width: 105%; margin: 0px; }
	#topBaner { min-width: 240px; height: auto ! important; background: rgb(96, 165, 212) none repeat scroll 0% 0%; }
	#topBaner a { display: block; width: 100%; }
	#topBaner a img { width: 100%; }
	#wraper { min-width: 240px; max-width: 964px; }
	footer { min-width: 240px; }
	#text { width: 60%; margin-left: 25px; }
	#cnt p { text-align: justify; }
	footer #disclamer { width: 500px; }
	.comment { width: 100%; padding-left: 0px; }
}
@media screen and (max-width: 1000px) {
	.one { padding-left: 0px; width: 100%; }
	section#text { padding-top: 10px; }
	a#top-list { display: none ! important; }
	#news span.date { margin-top: 25px; }
	#news p { line-height: 17px; margin: 10px 0px; }
	.comment { padding: 0px; width: 100%; }
	#text { padding-bottom: 20px; }
	body { background: rgb(96, 165, 212) none repeat scroll 0% 0% ! important; }
	.bannerPlace { display: block; }
	.top-block .list #top-list { width: 100% ! important; margin: 0px; background: white none repeat scroll 0% 0%; color: black; }
	.top-block a { display: block ! important; text-decoration: none; }
	#topBaner { height: auto ! important; background: rgb(96, 165, 212) none repeat scroll 0% 0% ! important; }
	.top-block { display: block; }
	#topBaner a { display: none; }
	#newsColumn { display: none; }
	footer { display: none; }
	#text, #contentWraper { width: 100%; }
	#align { width: 90%; padding: 0px 5%; }
	#news span, #news div, #news p { max-width: 100%; }
	#news.article #image { width: 100%; }
	#news h1 { width: 100%; }
	div { padding: 0px; }
	#wraper { overflow: hidden; padding: 0px 10px; width: auto; margin: 0px auto; }
	#news.article #image img { margin-left: auto; margin-right: auto; display: block; }
	#text { margin: 0px; }
	#align { width: 100%; padding: 0px; }
	#news span.date { text-align: center; }
}
@media screen and (max-width: 768px) {
	.list__item { width: 120px; height: 150px; }
	.list { max-width: 625px; }
}
@media screen and (max-width: 640px) {
	.list__item { width: 97px; height: 145px; margin: 0px 1%; }
	.list { max-width: 475px; }
	#news.article #image img { width: 100%; }
	#news h1.ArticleHeader { font-size: 30px; }
	.inner img { width: 90% ! important; }
}
@media screen and (max-width: 479px) {
	#news h1.ArticleHeader { font-size: 25px; }
	#news span, #news div, #news p { font-size: 17px ! important; }
	.top-block { max-width: 100%; margin: 0px auto; }
	#top-list { display: none ! important; }
	.comment p { text-align: left; }
	#cnt p { text-align: left; }
}
@media screen and (max-width: 320px) {
	#news h1.ArticleHeader { font-size: 24px; line-height: 28px; font-weight: bold; }
	body { background: white none repeat scroll 0% 0% ! important; }
	#wraper { padding: 0px; }
	#align { width: 98%; padding: 0px 1%; }
	.comment div { width: 93%; margin: 10px 1% ! important; }
}

