@charset "utf-8";
/* CSS Document */

body{        
	background:ebe8de;
	font-family: "Roboto Condensed", sans-serif;
	overflow:auto; 
	      
}

/* Site TEXT */
p
{
	color:#0a0823;
	font-size:16px;
	line-height: 24px;
	margin:0px 0px 10px 10px;
	letter-spacing: 2px;
	word-spacing: 8px;
	text-align: justify;
	font-weight: ;
		
}

p.cur
{
	color:#930;
	font-family: 'Felipa', cursive;
	font-size:20px;
	margin:0 60px 20px 40px;
	letter-spacing: 1px;
	text-align: justify;
	
  
  	
}
p.note
{
	color:#930;
	font-family: 'Felipa', cursive;
	font-size:14px;
	margin:5px 5px 10px 5px;
	text-align: justify;
}
.state{
	font-size: 15px; 
	color: #900; 
	text-align:justify;
	line-height: 17px;
	margin: 3px;
	padding:0px 0px 0px 0px;
	font-style:italic;
	}

.cjs{color: #09F;
	font-family:Lucida Sans Unicode;	
	text-align:justify;
	font-size:13px;	}
	
.cj{color: #09F;
	font-family:Lucida Sans Unicode;	
	text-align:justify;
	font-size:14px;	}

.blk{
  	width:90%;
	font-size: 13px;
  	padding: 5 px;
  	background: #f7faf8;
  	border: 1px solid #666;
  	border-radius: 10px;
 	position: relative;
	}
	
.blk .select{
	width:100%;
	background:url('arrow.png') no-repeat;
  	background-position:80% center;
	background: #f7faf8;
	}
	
.blk .select select{
  	background: transparent;
  	line-height: 1;
 	border: 0;
 	padding: 0;
  	border-radius: 0;
 	width: 120%;
  	position: relative;
  	z-index: 10;
  	font-size: 1em;
	}

#ref
{
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; 
	font-size: 14px; 
	color: #C60;
	text-align: justify;

	}
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: 45px; font-weight: bold; text-align: center; margin: 10px 0px 30px 0px; padding: 0px; line-height: 0;}	
h2{color:#09C; 		text-shadow: 4px 4px 4px #aaa; 	font-size: 40px; font-weight: bold; text-align: left; margin: 10px 0px 30px 0px; padding: 0px; line-height: 0;}	
h3{color:#999; 		text-shadow: 4px 4px 4px #aaa;	font-size: 35px; 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: 30px; 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: 23px; 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: 20px; font-weight: bold;	text-align: ; margin: 15px 0px 20px 0px; padding: 0px; line-height: 0;}



/* site FEATURES  */

.quote {
	font-family: "Courier New", Courier, monospace;
	color: #36C;
	font-size: 16px;
	letter-spacing: 1px;
	word-spacing: 3px;
}

a {
color: #30b33c;
font-weight: 400;
-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: 25px;
background-color: #fff;
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
{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
background-color: #e8e8ea;
color: #e74c3c ;
}

a:hover
{
	color: #bc600f ;	
}

p.test
{
	font-family: "Great Vibes", sans-serif;
color: #930;
font-size:17px;				
	font-style:;				
	font-weight:normal;					font-variant:;					letter-spacing:1px;	/* between letters ; */		text-align:left;             /* left;center;right;justified;auto;  */
	line-height:15px;       /* height per line of text */
	
html {
  overflow-x: auto;
  overflow-y: auto;
}

.customHrmp {
    width: 90%;
    color: #1a2333;
    line-height: 3px;
	margin-left: 20px;
    margin-right:50px;
    margin-top: 6px;
    margin-bottom: 10px;
	background-color: #C96;
	border-style: inset;
	align: center;
}

.line
{
    width: 90%;
    color: #1a2333;
    line-height: 3px;
margin-left: 20px;
    margin-right:50px;
    margin-top: 6px;
    margin-bottom: 10px;
	background-color: #C96;
	border-style: inset;
	align: center;
}

hr {
width: 60%;
margin-left: auto;
margin-right: auto;
height: 5px;
background-color:#666;
opcaity: 0.5;
}