* {padding: 0;margin: 0;} 

body { background: #fff url('images/mainbg.png'); font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:.84em; line-height: 1.5em; }

a {color: #3B6EBF;text-decoration: underline;}
a:hover {color: #f27cb1;text-decoration: underline;}

img{border:0px;}

h2 { color: #3B6EBF; font-size: 16px; margin-bottom: 10px; margin-top: 10px;}

p { margin: 10px 0px;}

hr{clear:both; border:0px;border-bottom:1px solid #005dab;}

#wrap {margin: 2px auto;width: 786px;}

/*CONTENT BOX*/

#top_content { 
background: #fff url('images/topbg.png');
height: 23px;
margin-top:0px;
}

#content_content {
padding: 0px 27px 0px 28px;
background: #fff url('images/midbg.png');
background-repeat: repeat-y;
}

#bottom_content {
background: #fff url('images/botbg.png');
height: 23px;
}

/*TOP MENU*/

#topmenu_box
{
display:inline;
float:right;
font-weight: bold;
font-size: 18px;
color: #005dab;/*AZUL*/
margin-top:15px;
}
.topmenu ul
{

}
ul#topmenu li
{
display: inline;
list-style-type: none;
border-left:1px solid #f27cb1;
padding:16px 0px;
}
ul#topmenu a{ padding: 0px 15px;}

ul#topmenu li#active a 
{
color: #f27cb1;/*ROSA*/
text-decoration: none;
}

ul#topmenu a:link, ul#topmenu a:visited
{
color: #005dab;/*AZUL*/
text-decoration: none;
}
ul#topmenu a:hover, .pathway a:active
{
color: #f27cb1;/*ROSA*/
text-decoration: none;
}

/*PATHWAY*/

#pathway { 
padding: 0 40px 0 40px;
font-size:.8em}

#pathway li
{
display: inline;
list-style-type: none;
}
#pathway a{ padding: 0px 2px;
color: #023d6f;/*AZUL*/}

#pathway a:link, #pathway a:visited
{
text-decoration: none;
}
#pathway a:hover, #pathway a:active
{
text-decoration: underline;
}

/*MENUINF*/

#menuinf {
margin:5px 0;
padding: 0 40px 0 40px;
border-top:#85ACF7 solid 1px;
border-bottom:#85ACF7 solid 1px;
text-align:center;
}

#menuinf li
{
display: inline;
list-style-type: none;
}
#menuinf a{ padding: 4px 8px;
color: #023d6f;/*AZUL*/
font-size: .99em;}

#menuinf a:link, #menuinf a:visited
{
text-decoration: none;
}
#menuinf a:hover, #menuinf a:active
{
text-decoration: underline;
}
/*FLASH BOXES*/

#fullflash
{
margin-top:5px;
}


/*GENERAL STYLES*/

.header {
height: auto;
background: #85ACF7 url('images/hidr.jpg');
border-bottom: 1px solid #00CCFF;
border-top: 1px solid #00CCFF;
margin-bottom:2px;
margin-top:2px;
}

.header h1 {
padding: 8px 17px;
font-size: 1.5em;
color: #FFF;
}
.middle_home {
	float: left;
	width: 99%;
	margin: 0;
	padding: 1% 1%;
	text-align: justify;
	
}

.img_left{float:left; width:363px; margin:5px 0px;}
.img_right{float:right;width:363px; margin:5px 0px;}

.middle {
	float: left;
	width: 560px;
	margin: 0;
	padding: 1% 1%;
	text-align: justify;
}
.middle img{
	float: right;
	margin-left:10px;
}
.middle form{
	margin: 0 10px;
	padding: 1% 1%;
}

.middle input{
	margin-top: 10px;
	margin-left: 5px;
}

.middle ul {
	margin:0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.middle li {
	margin-bottom:0px;
	list-style-type: disc;
}

.middle table {
	padding: 0px;
	margin-top: 33px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.middle td {
	vertical-align: top;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-top: 0px;
	margin: 0px;
}	

.half_left {float: left;width: 45%;margin: 0 10px 0 0;padding: 1% 1%;text-align: justify;}
.half_left hr {width: 45%;clear:both; border:0px;border-bottom:1px solid #005dab;}


.half_right {float: left;width: 45%;margin: 0 0 0 10px;padding: 1% 1%;text-align: justify;}

.right {
border-left:1px dashed #005dab;
	float: right;
	width: 140px;
	margin: 0;
	padding: 1% 1%;
	
}
.right ul {margin:0;padding-left: 20px;}

.right li {
	margin-bottom:5px;
	list-style-type: square;
	color: #3B6EBF;
}


.middle h2 { color: #3B6EBF; font-size: 16px; margin-bottom: 10px; margin-top: 10px;}
.right h2 { color: #3B6EBF; font-size: 14px; margin-top: 15px;}

#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}

#footer {text-align: center;color: #fff; margin-bottom:50px;}
#footer a{color: #fff;}
small { font-size:11px;}

/*FORMULARIOS*/
form label { 
	display: block;
	float: left; 
	width: 90px; 
	padding: 0; 
	margin: 10px 0 0;
	text-align: right; 
}
form input, form textarea {
	width:400px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 10px 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}
form textarea {
	margin:10px 0 10px 5px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}
form select {
	width:100px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:10px 0 10px 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}