﻿
html, body
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	scrollbar-face-color: #afb7bf;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #dfdfdf;
	scrollbar-shadow-color: rgb(0,0,0);
	scrollbar-highlight-color: rgb(0,0,0);
	scrollbar-3dlight-color: #ced7e5;
	scrollbar-darkshadow-color: #97a7bc;

}
body
{
	font-family: tahoma, arial, sans-serif;
	font-size: 12px;
}

#fixedBackground
{
	text-align:right;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.fixedBackground
{
	text-align:right;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
}
#scroller
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: auto;
	z-index: 2;
}
#content
{
	padding: 5px 300px 20px 200px;
}
#topbar
{
	border-style: solid;
	border-width: 1px 1px 2px 1px;
	border-color: #000 #000 #FFFFFF #000;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 100%;
	left: 0px;
	z-index: 10;
	color: #567;
	padding: 7px;
	background-color: black;
}
#bottombar
{
	position: absolute;
	bottom: 3px;
	right: 0px;
	left: 0px;
	width:100%;
	z-index: 10;
	color: #567;
	height:25px;
	border: 1px solid #000;
	padding: 0px;
	background-color: black;
	
}
#bottombar td
{
	font-size: 19px;
	color:white;
}
#maincontent
{
	position: absolute;
	top: 41px;
	bottom: 50px;
	left:40px;
	right:40px;
	text-align: center;
	margin-left: 0 auto;
	margin-right: 0 auto;
	height:80%;
	z-index: 10;
	padding: 10px;
	
		
}
#layoutAreaContent td
{
	
}
#mainContent td
{
		
}
.centralContent
{
	position: absolute;
	top: 70px;
	bottom: 50px;
	left:20px;
	right:20px;
	z-index: 20;
	padding: 10px;
	
}
.centralContentBackground
{
		position: absolute;
	top: 70px;
	bottom: 50px;
	left:20px;
	right:20px;
	z-index: 20;
	padding: 10px;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.transparent
{
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.transparent80
{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


h1
{
	padding: 0px;
	padding-bottom: 0px;
	font-family: tahoma;
	font-size: 14px;
	color: #FFFFFF;
	text-transform: uppercase;
}

h2
{
	padding: 3px;
	font-family: tahoma;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:normal
}

td
{
	font-size: 12px;
}
li
{
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
}

h3
{
	font-family: tahoma;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
}
a:active
{
	color: #339933;
}
a:hover
{
	color: #339933;
}

.desarrollo
{
	font-family: tahoma;
	font-size: 13px;
	color: #FF33CC;
}
#layoutAreaContent td
{
	font-size: 14px;
	color:white;
}

.label
{
	font-family: tahoma;
	font-size: 12px;
}
select
{
	font-family: tahoma;
	font-size: 11px;
}
input
{
	font-family: tahoma;
	font-size: 11px
}

