body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	/* max-width: 1200px; */
	margin: 0 auto;
	background-color: rgba(118, 143, 200, .15);
	}
a { text-decoration: none; color: #0066fa; }
a:hover { text-decoration: none; color: #F20000; }
p { 
margin: 0;
padding: 0;
 }
p:after {
  content:"";
  display:inline-block;
  width:0px;
  outline:0px; 
}
img { width: 100%; }
.row:after {
    content: "";
    clear: both;
    display: block; 
}
[class*="col-"] {
    float: left;
    padding: 0;
    width: 100%;
}
@media only screen and (min-width: 800px) {
	.col-0 {width: 0;}
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

/* Full-width input fields */
input[type=text], input[type=password], textarea {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
/* Set a style for all buttons */
button, input[type=submit] {
	background: rgb(191, 133, 176);
	color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

button, input[type=submit]:hover {
    opacity: 0.8;
}

.tablo {
	max-width: 1200px;
	margin: 10px auto;
	/* border: solid 1px rgba(118, 143, 200, .25);  */
	border-top: none; 
	padding: 10px;
	background-color: white;
	box-shadow: 1px 1px 5px rgba(118, 143, 200, .25);
	border-radius: 30px;
}

.last {
/* margin: 2px; */
font-size: 90%;
/* background-color: rgba(220, 227, 241, .4); */
}

.last a { 
/* color: rgb(70,70,70); */
text-decoration: none;
padding: 3px 10px;
display: block;
}
.last a:hover { 
text-decoration: none;
/* background-color: rgba(220, 227, 241, .6); */
}
.last a:visited {
color: #063e91;
	}
	
	
.lastInd a:visited {
color: #063e91;
	}

.clr1 { background: #eeebc2; }
.clr2 { background: #ecf1eb; }
.clr3 { background: #e7edbf; }

/* Globals */
.l0 { clear: both; width: 100%; }
.center { text-align: center; }
.right { text-align: right; }
.flright { float: right; }
.block { display: block; }
.blueforce { background-color: #768FC8; }
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad20 { padding: 20px; }
.pad520 { padding: 5px 20px; }
.pad010 { padding: 0 10px; }
.pad015 { padding: 0 15px; }
.pad100 { padding: 10px 0; }
.pad10175 { padding: 10px 175px; }
.rad10 { border-radius: 10px; }
.f75 { font-size: 75%; }
.f80 { font-size: 80%; }
.f85 { font-size: 85%; }
.f90 { font-size: 90%; }
.f110 { font-size: 110%; }
.f115 { font-size: 115%; }
.f125 { font-size: 125%; }
.f150 { font-size: 150%; }
.f175 { font-size: 127%; }
.f200 { font-size: 200%; }
.block { display: block; }
.w90p { width: 90%; }
.point { cursor: pointer; }
.bl-a { color: rgb(0, 0, 238); }
.red-a { color: rgb(238, 0, 0); }
.transp5 { color: rgba(0,0,0,0.5); }
.yel { color: rgb(255, 215, 55); }
.d-none { display: none; }
.marTB5 { margin: 5px 0; }
.marTB10 { margin: 10px 0; }
.marTB15 { margin: 15px 0; }
.marTB20 { margin: 20px 0; }
.grey { color: grey; }
.red { color: red; }
.green { color: green; }
.blue { color: blue; }
.bold { font-weight: bold; }
.italic { font-style: italic; }

/* Bords dotted */
.bordL { 
border-left: dotted 1px grey; 
 }
.bordR { 
border-right: dotted 1px grey; 
 }
.bordT { 
border-top: dotted 1px grey; 
 }
.bordB { 
border-bottom: dotted 1px grey; 
 }
.bordBsld { 
border-bottom: solid 1px rgba(118, 143, 200, .25); 
 }
 
 /* Bords solid */
.bordsL { 
border-bottom: solid 9px rgba(118, 143, 200, .25);
 }
.bordsR { 
border-bottom: solid 9px rgba(118, 143, 200, .25);
 }
.bordsT { 
border-bottom: solid 9px rgba(118, 143, 200, .25);
 }
.bordsB { 
border-bottom: solid 9px rgba(118, 143, 200, .25);
 }
.bordsB2 { 
border-bottom: solid 9px rgba(118, 143, 200, .5);
 }

.uslog { 
text-align: center; padding: 10px;
}
@media only screen and (min-width: 800px) {
.uslog { text-align: left; padding: 20px 15px 15px 15px; }
 }
 
.usnam {
background-color: red;
color: white;
padding: 1px 5px;
}

.logob img {
width: 98%;
margin: 0 5px;
}
@media only screen and (min-width: 800px) {
.logob img {
max-width: 540px;
margin-left: 20px;
}
}
.tit {
font: italic 36px Georgia;
padding: 15px 15px 5px 15px;
text-align: center;
}
.tit a {
text-decoration: none;
color: rgb(50,50,50);
}
.tit a:hover {
text-decoration: none;
color: rgb(100,100,100);
}
@media only screen and (min-width: 800px) {
.tit { text-align: left; padding: 20px 35px 0 35px; }
 }

.subtit {
color: red;
padding: 5px 15px 15px 15px;
text-align: center;
}
@media only screen and (min-width: 800px) {
.subtit { text-align: left; padding: 0 0 20px 35px; }
 }
 
.ind {
margin: 25px;
 }
.abo {
color: rgb(50, 50, 50);
background-color: rgb(245, 245, 245);
padding: 25px;
font-size: 90%;
margin: 10px 30px;
margin-bottom: 25px;
text-align: center;
}

.lin a { 
margin: 5px 15px;
text-decoration: none;
border: solid 2px rgba(118, 143, 200, .25);
border-bottom: solid 5px rgb(255, 179, 0);
border-top: solid 5px rgba(118, 143, 200, .25);
color: rgb(92, 92, 92);
display: block;
padding: 10px 30px;
border-radius: 10px;
font-size: 90%;
}
.lin a:hover { 
text-decoration: none; 
border: solid 2px rgba(118, 143, 200, .25);
border-bottom: solid 5px rgba(118, 143, 200, .5);
border-top: solid 5px rgba(118, 143, 200, .25);
color: black;
}
.lin2 a, button { 
margin: 4px 15px;
text-decoration: none;
border-bottom: solid 2px rgba(118, 143, 200, .25);
background-color: rgba(118, 143, 200, .1);
color: rgb(92, 92, 92);
display: block;
padding: 6px 15px;
font-size: 85%;
}
.lin2 a:hover, button:hover { 
text-decoration: none; 
border-bottom: solid 2px rgba(118, 143, 200, .75);
background-color: rgba(118, 143, 200, .2);
color: black;
}

.lin3 button { 
margin: 4px 15px;
text-decoration: none;
border-bottom: solid 2px rgba(118, 143, 200, .25);
background-color: rgba(118, 143, 200, .1);
color: rgb(46, 46, 46);
display: block;
padding: 6px 15px;
font-size: 85%;
text-align: left;
width: 90%;
}
.lin3 button:hover { 
text-decoration: none; 
border-bottom: solid 2px rgba(118, 143, 200, .75);
background-color: rgba(118, 143, 200, .2);
color: black;
}

.viewedIn {
border: solid 3px rgba(118, 143, 200, .25);
border-top: solid 9px rgba(118, 143, 200, .25);
border-bottom: solid 9px rgba(118, 143, 200, .5);
/* border-bottom: solid 9px rgb(255, 179, 0); */
padding: 25px 40px;
margin: 5px auto;
border-radius: 30px;
}
.viewedIn:hover {
/* border: solid 3px rgba(118, 143, 200, .5); */
/* border-top: solid 9px rgba(118, 143, 200, .5); */
/* border-bottom: solid 9px rgba(118, 143, 200, .5); */
}
.viewedIn p {
margin: 10px 0;
}

#mainsearch {
border: solid 5px rgba(118, 143, 200, .25);
padding: 15px 30px;
border-radius: 10px;
margin-top: 20px;
margin-left: 10px;
max-width: 95%;
}

.srchView {
margin: 20px 0;
}

.highlight { background-color: yellow }

.hghlght {
background-color: rgb(255, 227, 165);
padding: 1px 3px;
font-size: 70%;
color: rgb(55, 55, 55);
border-radius: 10px;
}

.markArt
{
color: white;
background-color: lightblue;
padding: 2px 4px;
}

.tabela a { 
 border-width: 1px;
 border-style: solid;
 -moz-border-top-colors: none;
 -moz-border-right-colors: none;
 -moz-border-bottom-colors: none;
 -moz-border-left-colors: none;
 border-image:none;
 border-color: rgb(120,120,120);
 padding: 10px 15px; 
 background: rgb(120,120,120); 
 color: white; 
 text-decoration: none;
 border-radius:3px;
 font-size: 80%;
}
.tabela a:hover { 
 border-width: 1px;
 border-style: solid;
 -moz-border-top-colors: none;
 -moz-border-right-colors: none;
 -moz-border-bottom-colors: none;
 -moz-border-left-colors: none;
 border-image:none;
 border-color: rgb(120,120,120);
 background: none repeat scroll 0% 0% white;
 color: rgb(120,120,120); 
 text-decoration: none;
}
.tabela2 { 
 border-width: 1px;
 border-style: solid;
 -moz-border-top-colors: none;
 -moz-border-right-colors: none;
 -moz-border-bottom-colors: none;
 -moz-border-left-colors: none;
 border-image:none;
 border-color: rgb(120,120,120);
 padding: 15px 20px; 
 color: rgb(120,120,120); 
 text-decoration:none;
 border-radius:3px; 
 font-size: 150%;
 }

.statsInd {
font-size: 90%;
padding: 15px 30px;
}

.letterEN {
	/* position: relative; */
float: left;
padding: 5px 0;
margin: 2px;
border: solid 1px rgba(205,210,215, .75);	
background-color: rgba(205,210,215, .25);
}
.letterEN a { 
color: black;
text-decoration: none;
padding: 5px 10px;
}
.letterEN a:hover { 
text-decoration: none;
background-color: rgba(205,210,215, .75);
}

.letterEN2 {
font-size: 80%;	
float: left;
padding: 3px 0;
margin: 2px;
background-color: rgba(205,210,215, .25);
}
.letterEN2 a { 
color: black;
text-decoration: none;
padding: 3px 6px;
}
.letterEN2 a:hover { 
text-decoration: none;
background-color: rgba(205,210,215, .75);
}

.numberAR {
	/* position: relative; */
float: left;
padding: 5px 0;
margin: 2px;
border: solid 1px rgba(215,200,205, .75);	
background-color: rgba(215,200,205, .25);
}
.numberAR a { 
color: black;
text-decoration: none;
padding: 5px 10px;
}
.numberAR a:hover { 
text-decoration: none;
background-color: rgba(215,200,205, .75);
}

.numberAR2 {
font-size: 80%;
float: left;
padding: 3px 0;
margin: 2px;
background-color: rgba(215,200,205, .35);
}
.numberAR2 a { 
color: black;
text-decoration: none;
padding: 3px 6px;
}
.numberAR2 a:hover { 
text-decoration: none;
background-color: rgba(215,200,205, .7);
}

.cntInd {
float: right;
font-size: 65%;
color: rgb(185,140,125);
/* position: absolute; */
padding: 0 1px;
}

.iSear {
background-color: rgba(255, 179, 0, .25);
padding: 4px 8px;
margin: 2px;
display: block;
}
.iSear a {
color: black;
text-decoration: none;
display: block;
}
.iSear:hover {
background-color: rgba(255, 179, 0, .5);
}

.morre {
font-size: 80%;
padding: 20px;
}
.morre p {
margin-bottom: 4px;
text-indent: -4px;
}
.indpad50 {
padding-left: 50px;
}
.indpad100 {
padding-left: 100px;
}

.per_page select {
	padding: 4px 8px;
	border: solid 1px rgba(118, 143, 200, .1);
	background-color: rgba(118, 143, 200, .1);
}

.redhref a
{
color: red; 
}
.redhref a:hover
{
color: #0066fa;
}

.blink1s {
  animation: blinker 1s linear infinite;
}
.blink2500ms {
  animation: blinker 2500ms linear infinite;
}
.blink5s {
  animation: blinker 5s linear infinite;
}
@keyframes blinker {  
  50% { opacity: 0; }
}

.artic
{
background-color: rgba(118, 143, 200, .25);
padding: 25px 40px;
margin: 5px auto;
border-radius: 30px;
}
.mainParagraph
{
padding: 10px 5px;
margin: 3px 0;
border-bottom: dotted 1px grey;
}

.p-point
{
color: rgb(71, 0, 238);
}
.p-point:hover 
{
color: rgb(238, 0, 71); 
cursor: pointer;
}