body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	scrollbar-track-color: #003399;
	scrollbar-face-color: #FFFFFF;
	scrollbar-arrow-color: #FF0000;
	scrollbar-highlight-color: #FFFFFF;
}

.formbgcolor {
background-color:#CCFF99;
}
@font-face {
font-family:Bauhaus;
  src: url('fonts/BauhausRegular.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
@font-face {
font-family:"Bradley Hand ITC";
  src: url('fonts/bradley-hand-itc.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
@font-face {
font-family:"Comic Sans MS";
  src: url('fonts/comic.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
font-family:Forte;
  src: url('fonts/FORTE.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
@font-face {
font-family:"Lucida Calligraphy";
  src: url('fonts/LCALLIG.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
@font-face {
font-family:"Lucida Handwriting";
  src: url('fonts/LHANDW.TTF') format('truetype');
  font-style: normal;
  font-weight: normal;
}



.style1 {
	color: #FFFF00;
	font-weight: bold;
	font-size: 24px;
	background-color:#000033;
	border:#990000;
	border:groove;	
}

.style2 {
	color: #FFFF00;
	font-weight: bold;
	background-color:#666666;
	border:groove;
}

.style3 {
	color: #0000FF;
	font-weight: bold;
}
.style4 {
	color: #FF0000;
	font-weight: bold;
	font-size: 18px;
}
.style4r {
	color: #FF0000;
	font-weight: bold;
	font-size:2vw;
}

.style5 {color: #0000FF}

.style6 {
	color: #006600;
	text-align:right;
	font-weight: bold;
}
.style7 {
color:#FFFF00;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-style:italic;
white-space:pre;
}
.style8 {
color:#000066;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
background-color:#FFFFCC;
}
.style8r {
color:#000066;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:2vw;
background-color:#FFFFCC;
}

.style9 {
color:#000066;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
background-color:#FFFFCC;
}
.style10 {
color:#0000FF;
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:16px;
background-color:#CCFFFF;
}

.style20 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
}
.style20a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000066;
}
.style20b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #800000;
}
.style20c {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFCC00;
}

.style22 {
color: #FFFF00;
font-weight:bold;
}
.style22r {
color: #FFFF00;
font-weight:bold;
font-size: 2vw;
}
.style23 {
color: #FFFF00;
font-weight:bold;
}

.style24 {
	font-family: "Bauhaus 93";
	font-size: 28px;
	color: #FFFFFF;
	background-color:#0000FF;
}
.style24r {
	font-family: "Bauhaus 93";
	font-size: 3vw;
	color: #FFFFFF;
	background-color:#0000FF;
}

.style30 {
	font-family: "Arial Black";
	font-size: 28px;
	color: #FFFFFF;
	background-color:#800000;
}
.style30r {
	font-family: "Arial Black";
	font-size: 3vw;
	color: #FFFFFF;
	background-color:#800000;
}
.style31r {
font-family:Forte;
	font-size: 3vw;
	color: #660000;
	background-color:#CCFFFF;
	text-shadow:#666666;
}
.style32r {
	font-family:"Lucida Handwriting";
	font-size: 2vw;
	color: #800000;
}
.style33r {
	font-family:Forte;
	font-size: 3vw;
	color: #FF0000;
	background-color:#E6E6E6;
	text-shadow:#000000;
}
.style34r {
	font-family:"Bradley Hand ITC";
	font-size: 3vw;
	font-weight:bold;
	color: #9393FF;
	text-shadow:#666666;
}


.lnk_tipo1:hover {
color: blue;
background-color:#FFFF99;
text-decoration:none;
}
.lnk_tipo1 {
color: red;
font-weight:bold;
text-decoration:none;
}
.lnk_tipo2:hover {
color:#0000FF;
background-color:#FFFF99;
text-decoration:none;
font-weight:bold;
}
.lnk_tipo2 {
color:#0000FF;
text-decoration:none;
font-weight: bold;
}
.lnk_tipo3:hover {
color:#0000FF;
background-color:#666666;
text-decoration:none;
font-weight:bold;
}
.lnk_tipo3 {
color:#FFFF00;
text-decoration:none;
font-weight: bold;
}
.sombra{
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
.redondear{
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
}
.redondear1{
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #000000;
}
.sombra1{
-webkit-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.75);
box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.75);
}
#Layer1 {position:relative;
 left:0px; 
 top:0px; 
 z-index:1; 
 width:750px;
 height:650px;
 overflow:auto;
 border:ridge;
 background-color:#003300;
}
.bg{
background-repeat:no-repeat;
background-position:right;
}
#Layer2 {position:relative;
 left:0px; 
 top:0px; 
 z-index:2; 
 width:600px;
 height:30px;
 overflow:auto;
}

#Layer3 {
	position:relative;
	left:0px;
	top:0px;
	z-index:3;
	width:305px;
	height:470px;
	overflow:auto;
	border:double;
}
#Layer4 {position:relative;
 left:0px; 
 top:0px; 
 z-index:4; 
 width:98%;
 overflow:auto;
 background-color:#CCFFFF;
}
#Layer5 {position:relative;
 left:0px; 
 top:0px; 
 z-index:5;
 width:750px; 
 overflow:auto;
}

.three-columns { 
	
-webkit-column-count: 2; /* Chrome, Safari, Opera */ 
-moz-column-count: 2; /* Firefox */ 
column-count: 2; 
-webkit-column-gap: 18px; /* Chrome, Safari, Opera */ 
-moz-column-gap: 18px; /* Firefox */ 
column-gap: 18px; 
-webkit-column-gap: 1rem; /* Chrome, Safari, Opera */ 
-moz-column-gap: 1rem; /* Firefox */ 
column-gap: 1rem; 
-webkit-column-rule: 2px solid rgb(75, 180, 149)  ; /* Chrome, Safari, Opera */ 
-moz-column-rule: 2px solid rgb(75, 180, 149)  ; /* Firefox */ 
column-rule: 2px solid rgb(75, 180, 149)  ; 
-webkit-column-rule: 0.2rem solid rgb(75, 180, 149)  ; /* Chrome, Safari, Opera */ 
-moz-column-rule: 0.2rem solid rgb(75, 180, 149)  ; /* Firefox */ 
column-rule: 0.2rem solid rgb(75, 180, 149)  ; 
	
margin: 10px; 
margin: 0.5rem; 

} 
.imgfloat{
float:left;
margin:10px;
margin-right:10px;
border-style:solid;
border-color:#000099;
-webkit-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.75);
box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.75);
}
.imgfloat2{
float:right;
margin:10px;
margin-right:10px;
border-style:solid;
border-color:#000099;
-webkit-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.75);
box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.75);
}
.p1 {
width:50%;
background-color:#333333;
border-color:#990000;
padding:5px;
}
.p2 {
background-color:#EBE7DE;
border-color:#000099;
width:60%;
padding:5px;
margin-left:20%;
}
.p3 {
background-color:#EBE7DE;
border-color:#000099;
width:80%;
padding:5px;
margin-left:10%;
}