html { 
padding:0px;
margin:0px;
}

#left {
background-color: #82A4C1;
width:175px;
padding:0px;
float:left;
}

#right {
	position:absolute;
	top:0px;
	right:0px;
background-color: #82A4C1;
color:#FFFFFF;
width:175px;
margin-top:100px;
padding:0px;
/*float:center;*/
font-style:italic;
}

body {
background: white url(logo2.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#564b47;  

margin:0px;
padding:0px;
}

#box {
/*border-style:solid;
border-width:1 px;*/
width:600px;
margin: 0px auto;
padding:0px;
text-align:left;
}

#content {
margin: 2px; 
border-style:solid;
/*border-width:3px;*/
width:600 px;
padding:0px;
float:left;
background-color:#fff;
overflow: auto;
}

#head {
border-style:solid;
height:20px;
border-width:3 px;
background-color:#517798;
color:#FFFFFF;
font-weight: 700;
}


#ok{
font-size: 12px;
font-style:italic;
}

#submit{
border: #66FF66 1px dashed; 
font-family: Verdana; 
font-size: 10px; 
text-align: left; 
width: 100; 
height: 25; 
background-color: #DEDEDE; 
font-weight: bold
}


fieldset {
	border:0;
	padding:10px;
	margin:10px;
	position:relative;
}
label {
	display:block;
	font:normal 12px/17px verdana;
}
input {width:160px;}


span.hint {
	font:normal 11px/14px verdana;
	background:#eee url(bg-span-hint-gray.gif) no-repeat top left;
	color:#444;
	border:1px solid #888;
	padding:5px 5px 5px 40px;
	width:250px;
	position:absolute;
	margin: -12px 0 0 14px;
	display:none;
}


fieldset.welldone span.hint {
	background:#9fd680 url(bg-span-hint-welldone.jpg) no-repeat top left;
	border-color:#749e5c;
	color:#000;
}
fieldset.kindagood span.hint {
	background:#ffffcc url(bg-span-hint-kindagood.jpg) no-repeat top left;
	border-color:#cc9933;
}


fieldset.welldone {
	background:transparent url(bg-fieldset-welldone.gif) no-repeat 194px 19px;
}
fieldset.kindagood {
	background:transparent url(bg-fieldset-kindagood.gif) no-repeat 194px 19px;
}

#loading
{
	position:absolute;
	top:0px;
	right:0px;
	background:#ff0000;
	color:#fff;
	font-size:14px;
	font-familly:Arial;
	padding:2px;
	display:none;
}


input.btn { 
  color:#1B3A83; 
  font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
  background-color:#C1CFE6; 
  border:1px solid; 
  border-color: #315189 #315189 #315189 #315189; 
} 

input.btnhov { 
	border:1px solid;
	color:#FFF;
	background-color:#4D77D8; 
	border-color: #000 #000 #000 #000; 
} 

fieldset {
    float: left;
    width: 300px;
}

#directorio{
	font: 9px Verdana ,Tahoma, Sans-Serif, Helvetica;
	color:#333333;
	text-align:center;
	/*text-align:left;*/
	/*font-size:9px;*/
}

#pie { 
	clear: both;
	width: 100%;
	
	border: 1px solid  #f8eed6;
	border-top-color:#999900;
	border-top-style:double;
	text-:
}

#pie p {
text-align:center;
font-size:9px;
color:#999999;
}

a:link {
font-size:9px;
}

a:visited {
font-size:9px;
}

b {
font-size:9px;
}
