@charset "utf-8";

/* CSS Document */

/* Page Overview */

body{        

	background:ebe8de;

	font-family: "Roboto Condensed", sans-serif;

}



table.show {

  border-collapse: collapse;

}







td.this {

  border-bottom: 3pt solid #03F;

  margin:10px;

  padding:10px;

}



/* Site TEXT */

p

{

		color:#0a0823;

		font-size:17px;

		line-height: 20px;

		margin:0px 0px 10px 10px;

		letter-spacing: 1px;

		word-spacing: 8px;

		text-align: justify;	

		

}



.date

{

		color:#F90;

		font-size:12px;

		line-height: 15px;

		margin: 5px 0px 5px 20px;

		letter-spacing: 1px;

		word-spacing: 8px;

		text-align: left;

		padding: 5px;

}



.dates

{

	color:#C90;

	font-family: 'Felipa', cursive;

	font-size:15px;

	margin:10px ;

	text-align: center;

	background-color:#efedf3;

	border-radius: 10px;

  	padding: 5px;

}



.cur

{

	color:#930;

	letter-spacing: 1px;

	font-family: 'Felipa', cursive;

	font-size:15px;

	margin:0 60px 20px 40px;

	letter-spacing: 1px;

	text-align: justify;

}







.iname

{

	color:#36C;

	font-size:14px;

	font-family: 'Felipa', cursive;

	margin:5px 5px 10px 5px;

	text-align: justify;

	background-color:#CCC;

	border-radius: 15px;

	padding: 10px;

	font-weight: ;

	font-style: ;

}



article{

		color:#00007b;
		font-size:18px;
		line-height: 1.3;
		letter-spacing: 1px;
		word-spacing: 8px;
		text-align: justify;
		margin: 10px 10px 10px 75px;
		font-style: ;
		background-color: #ecedf2;
		border-radius: 25px;
		padding:5px 30px 5px 20px;

	}



.ref

{

	font-family: "Roboto", sans-serif;
	font-size: 26px; 
	color: #C60;
	text-align: justify;
	font-weight: 500;



	}

iframe.p

{

  max-width:100%;

  max-height:100%;

  margin: auto;

  border: 0px solid #73AD21;

	

}



h1{color:#e1a341;	text-shadow: 4px 4px 4px #aaa; 	font-size: 42px; font-weight: bold; text-align: center; margin: 30px 0px 30px 0px; padding: 0px; line-height: 0;}	

h2{color:#09C; 		text-shadow: 4px 4px 4px #aaa; 	font-size: 38px; font-weight: bold; text-align: left; margin: 30px 0px 40px 0px; padding: 0px; line-height: 0;}
	
h2.c{color:#09C; 	text-shadow: 4px 4px 4px #aaa; 	font-size: 38px; font-weight: bold; text-align: center; margin: 30px 0px 40px 0px; padding: 0px; line-height: 0;}
	
h3{color:#999; 		text-shadow: 4px 4px 4px #aaa;	font-size: 33px; font-weight: bold;	text-align: left; margin: 10px 0px 20px 0px; padding: 0px; line-height: 0;}

h4{color:#963; 		text-shadow: 4px 4px 4px #aaa;	font-size: 27px; font-weight: bold;	text-align: left; margin: 30px 0px 40px 0px; padding: 0px; line-height: 0;}

h5{color:#f4013a; 	text-shadow: 4px 4px 4px #aaa;	font-size: 21px; font-weight: bold;	text-align: ; margin: 30px 0px 20px 0px; padding: 0px; line-height: 0;}

h6{color:#090; 		text-shadow: 4px 4px 4px #aaa;	font-size: 19px; font-weight: bold;	text-align: ; margin: 15px 0px 20px 0px; padding: 0px; line-height: 0;}









/* site LINKS */



a {

color: #30b33c;

font-weight: 500;

-webkit-transition: -webkit-transform 0.2s;

transition: transform 0.2s;

display: inline-block;

text-decoration: none;

position: relative;

}

#a::before {

position: absolute;

top: 0;

left: -5px;

right: -1px;

z-index: -1;

box-sizing: content-box;

padding: 0 5px;

width: 100%;

height: 100%;

border-radius: 15px;

background-color: #;

content: '';

opacity: 0;

-webkit-transition: -webkit-transform 0.4s, opacity 0.3s;

transition: transform 0.4s, opacity 0.3s;

-webkit-transform: scale(0);

transform: scale(0);

}

a:hover::before

{

color: #e74c3c ;

opacity: 1;

-webkit-transform: scale(1);

transform: scale(1);

background-color: #f1f5f7;



}



a:hover

{

	color: #b45c2a ;	

}











/* site FEATURES  */



.quote {

	font-family: "Open Sans", sans-serif;

	color: #a8a800;

	font-size: 22px;

	letter-spacing: 1px;

	word-spacing: 3px;
	font-weight: bold;

}

/* DROP DOWN LIST FEATURES  */

/*the container must be positioned relative:*/

.list-select {

 position: relative;

 font-family: 'Felipa', cursive;

}



.list-select select {

  display: none; /*hide original SELECT element:*/

}



.select-selected {

  background-color: #9FF;

}



/*style the arrow inside the select element:*/

.select-selected:after {

  position: absolute;

  content: "";

  top: 14px;

  right: 10px;

  width: 0;

  height: 0;

  border: 6px solid transparent;

  border-color: #fff transparent transparent transparent;

}



/*point the arrow upwards when the select box is open (active):*/

.select-selected.select-arrow-active:after {

  border-color: transparent transparent #06C transparent;

  top: 7px;

}



/*style the items (options), including the selected item:*/

.select-items div,.select-selected {

  color: #C30;

  padding: 8px 16px;

  border: 1px solid transparent;

  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;

  cursor: pointer;

  user-select: none;

}



/*style items (options):*/

.select-items {

  position: absolute;

  background-color: DodgerBlue;

  top: 100%;

  left: 0;

  right: 0;

  z-index: 99;

}



/*hide the items when the select box is closed:*/

.select-hide {

  display: none;

}



.select-items div:hover, .same-as-selected {

  background-color: rgba(0, 0, 0, 0.1);

}