img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}

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;
}
@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;
}


	
#Layer1 {position:relative;
 left:0px; 
 top:0px; 
 z-index:1; 
 width:677px;
 height:495px;
 overflow:auto;
}
#Layer2 {
	position:absolute;
	width:322px;
	height:198px;
	z-index:2;
	left: 104px;
	top: 14px;
	visibility:hidden;
	background-color: #999999;
	border-style:solid;
	border-color:#FFFF00;
}


.formbgcolor {
background-color:#CCFF99;
}

.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;
}
.style5 {color: #0000FF}

.style6 {
	color: #006600;
	text-align:right;
	font-weight: bold;
}

.urbangreymenu{
width: 110px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background-image:url(img/BotonpagP_06.png);
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 10px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: bold 12px Arial;
color: #400000;
background-image:url(img/BotonpagS_07.png);
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: red;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: blue;
font-size:16px;

}

.showstate{ /*Definition for state toggling image */
cursor:hand;
cursor:pointer;
float: left;
margin-top: 2px;
margin-right: 3px;
}

.headers{
width: 630px;
font-size: 15px;
font-weight: bold;
border: 1px solid black;
background-color: lightblue;
}

.switchcontent{
width: 630px;
border-top-width: 0;
}
.enlace{
cursor:pointer;
border:none;
}
.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;
}
.style8 {
color:#000066;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
background-color:#FFFFCC;
}