* {padding:0; margin:0;}

body { color: #000;background-color:#f5f5cc;font-family: verdana, arial, sans-serif;font-size:100.01%;
	margin:10px auto;	width:776px;padding: 0 5px;}

div.figure,div.figure1 {float:left;
border:1px solid #cc0;margin:.5em;padding:.5em}

div.figure p,div.figure1 p {text-align:center;
font-size: 80%;text-indent:0;color:red;background: inherit;margin-top:0;padding-top:0}

h1, h2, h3, h4, h5, h6, p, pre, ul, ol, dl { 
margin:0.75em 0;
}

h1 {font-size:167%;}
h2 {font-size:129%; color:#028482;
      background: url('images/rallado_beige_hx.png') bottom left repeat-x; }
h3 {font-size:110%; color:#5F9EA0;}
h4 {font-size:100%;}
li, dd { margin-left:2em; }
pre { font: 110% verdana, sans-serif; }
img {border: 0;margin: 2px;}
img.logo{width:29px;height:20px;margin:2px; padding-top: 3px;}
img.left{float:left;}
img.right{float:right;}
img.center{float:center;}

table { width: 98%; margin: 10px auto; }
caption { text-align: center; 	color: #693; background: inherit; font-weight: bold; }
td { padding: 5px 5px; vertical-align: top; border: 1px solid #000; }

a { color: #f33; background-color: #fff; font-weight: normal; text-decoration: none;}

a:hover { color: #f00; background-color: #fff; font-weight: normal; text-decoration: underline; }
.box { float: right; border:1px solid #069;padding:.6em; font-size: .8em; line-height: 1.2em;background: #f5f5f5; color: red;}
.box a{ color: blue; text-decoration: underline;}
#contact { padding:0px 0px 0px 0px; float:right; }

#contact a { color: #f33; background-color:#fff; font-weight:bold; text-decoration:none; }

#contact a:hover { color: #F33; background-color:#fff; text-decoration:underline; }

#header { clear:both; }

#title { clear:both; color: #fff; display: block; width: 776px; background: #028482; font-size:150%;
	line-height: 1.5em; padding: 5px 0; font-weight:bold; margin-bottom:10px; text-align: center; }

#maincontent { font-size:86%; padding:0px 5px 5px 0px; margin:0px 0px 0px 0px; width:540px; float:left; }
#maincontent2 { font-size:86%; padding:0px 5px 5px 0px; margin:0px 0px 0px 0px; width:765px; float:left; }
#maincontent2 p { font-size: .9em; line-height: 1.3em;}
#maincontent li { font-size:86%; margin-bottom: 6px; }
#maincontent p { font-size: 86%; padding: 4px; line-height: 1.3em; }
#sidecontent {
	color: #000;
	background-color:#faffe6;
	font-size:80%;
	padding:10px 10px 5px 10px;
	margin:10px 0px 0px 0px;
	width:175px;
	float:right;
}

#sidecontent h2 { font-size: 125%; color: #fff; background-color: #5F9EA0; text-align: center; margin-top: 0;}
#sidecontent h3 { font-size: 119%; color: #fff; background-color: #5F9EA0; text-align: center; margin-top: 0;}

#sidecontent a { color: #00f; background-color:#faffe6; }
#sidecontent p { padding: 4px; font-size: 90%; }
.green { color: #69c; font-weight: 700; font-size: 80%;}

#sidecontent pre { padding: 2px; font-size: 80%; }

#footer { color:#000; background-color:#f5f5cc; border-top:1px solid #CCC; 	font-size:90%;
	line-height:1.5em; width: 776px; clear:both; }

#footer	a { color:blue; background-color:#f5f5cc; text-decoration: none; }

#footer	a:hover { color:#FF0000; background-color:#f5f5cc; font-weight: normal; text-decoration: underline;}

#copyrightdesign { color:#028482; background-color:#f5f5cc; padding:5px 20px 5px 0px; width: 560px; float:left;}

#footercontact { color:#028482; background-color:#f5f5cc; padding:5px 0px 5px 0px; float:right; }

.a2 { font-weight: normal; font-size: 86%; color: red; background: inherit;}
.hmenu { 
margin: 0px; 
padding: 3px 5px 5px 5px; 
width: 768px; 
text-align: center; 
vertical-align: middle;
background-color: #f5f5f5;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.hmenu a, .hmenu a:visited {
color:  blue; 
background-color: #f5f5f5;
font-size: 70% ; 
text-decoration: none; 
padding: 5px;
border-left: 5px solid #69c; 
}
.hmenu a:hover { 
border-left: 5px solid #930; 
background-color: #ccc; 
color: #000; 
}