body {font-family:verdana, arial, helvetica, sans-serif; font-size:76%; color:#000; padding:0; border:0; margin:0; background:#fff }

#container {
       background-color:#FFFFFF;
       
       border-color:#000000;
       margin: 0 auto;
       width:1024px;
       height:auto;
}

.header{
       width:1024px;
       height:140px;
       border-width:1px;       
       border-bottom-style:solid;
       border-bottom-color:#000000;
       margin:0 0 10px 0;
}

.principal{
       width:720px;
       height:auto;
       background-color:#EFEFEF;
       border-style:solid;
       border-width:1px;
       border-color:#AAAAAA;
       
       float:left;
	   
       padding:10px;
}
.principal p {line-height:13pt;}
.principal li {line-height:13pt;}

.principal img {float:left; margin:0; padding:15px 30px 15px 0; }
.principal h1 {margin:0; color:#555; font-family:arial, calibri, verdana; font-size:  3em; font-weight:lighter; float:left;}
.principal h2 {margin:0; color:#444; font-family:arial, calibri, verdana; font-size:1.7em; font-weight:lighter; float:left;}
.principal h3 {color:#444; font-family:arial, calibri, verdana; font-size:2.5em; font-weight:lighter; float:left;}
.principal h4 {color:#111; font-family:arial, calibri, verdana; font-size:1.0em; font-weight:lighter; float:left;}
.principal a {color:#0000FF; text-decoration:none;}
.principal a:hover{text-decoration:underline;}
.principal h4 a {color:#777; text-decoration:none;}
.principal h4 a:hover{color:#000; text-decoration:none;}


.submenu{
	width:346px;
	height:118px;
	margin:3px;
	
	border-width:1px;
	border-style:solid;
	border-color:#FFAAFF;
	float:left;
}
.submenu img {float:left; padding:8px; border-style:none;}
.submenu h1 {margin:0;padding-left:5px; padding-top:20px; color:#448; font-family:arial, calibri, verdana; font-size:1.6em; font-weight:lighter;}
.submenu h2 {margin:0;padding-top:15px; color:#446; font-family:arial, calibri, verdana; font-size:1.3em; font-weight:lighter;}
.submenu a {display:block; width:auto; height:118px; text-decoration:none; cursor:pointer;}
.submenu a:hover{background-color:#BBBBCC; text-decoration:none;}

.derecha{
       width:250px;	
       height:auto;
       border-style:solid;
       border-width:1px;
       border-color:#AAAAAA;
       padding:10px;
       float:right;
       
}
.derecha p {line-height:13pt;}
.derecha li {line-height:13pt;}
.derecha h1 {color:#339; font-size:1.3em; font-weight:lighter; background-color:#EFEFEF; padding:0 0 0 15px; }
.derecha h2 {color:#333; font-size:  1em; font-weight:lighter; }
.derecha a {color:#0000FF; text-decoration:none;}
.derecha a:hover{text-decoration:underline;}

.mitad{
       width:490px;
       height:auto;
       background-color:#EFEFEF;
       border-style:solid;
       border-width:1px;
       border-color:#AAAAAA;
       margin:0 5px 0 5px;
       float:left;
       padding:6px;
}
.mitad p {line-height:13pt;}
.mitad li {line-height:13pt;}

.mitad img {float:left; margin:15px 15px 15px 0; }
.mitad h1 {color:#555; font-family:arial, calibri, verdana; font-size:1.8em; font-weight:lighter; float:left;}
.mitad h2 {color:#444; font-family:arial, calibri, verdana; font-size:1.5em; font-weight:lighter; float:left;}
.mitad h3 {color:#444; font-family:arial, calibri, verdana; font-size:2.5em; font-weight:lighter; float:left;}
.mitad a {color:#0000FF; text-decoration:none;}
.mitad a:hover{text-decoration:underline;}

.mitad_d{
       width:490px;
       height:auto;
       background-color:#EFEFEF;
       border-style:solid;
       border-width:1px;
       border-color:#AAAAAA;
       margin:0 5px 0 0;
       float:left;
       padding:6px;
}
.mitad_d p {line-height:13pt;}
.mitad_d li {line-height:13pt;}

.mitad_d img {float:left; margin:15px 15px 15px 0; }
.mitad_d h1 {color:#555; font-family:arial, calibri, verdana; font-size:1.8em; font-weight:lighter; float:left;}
.mitad_d h2 {color:#444; font-family:arial, calibri, verdana; font-size:1.5em; font-weight:lighter; float:left;}
.mitad_d h3 {color:#444; font-family:arial, calibri, verdana; font-size:2.5em; font-weight:lighter; float:left;}
.mitad_d a {color:#0000FF; text-decoration:none;}
.mitad_d a:hover{text-decoration:underline;}



#logo h1 {font-weight:lighter; font-family:"times new roman", serif; color:#000055; font-size:4em; float:left; margin:0 0 0 0; padding:0;}
#logo h2 {font-family:"times new roman", serif; color:#555; font-size:2em; font-weight:normal; padding:0 0 0 10px; margin:20px 0 0 70px; float:left;}
#logo h3 {font-family:"arial"; padding:0; margin:30px 30px 0 0; font-size:1em; font-weight:normal; color:#888; float:right;}


.menu1 {padding:0px 0 0 32px; margin:10px 0 10px 0; list-style:none; height:35px; background:#fff url(button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444; clear:left;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:12px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(button3.gif);}
.menu1 li.current a b {background:url(button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(button2a.gif);}
.menu1 li a:hover b {background:url(button2a.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(button3.gif) no-repeat right top;}