/* CSS Document */
* {
	margin:0;
	padding:0;
	}
body {
	font:11px/1.2em "Trebuchet MS", Verdana, Arial, sans-serif;	
	color:#444;
	line-height:1.3em;
	color: #444;
	background-color:#5087C6;
	background-image:url(../images_pres/bodybg.jpg);
	background-repeat:repeat-x;	
	margin:0px;
	padding:0px;
	text-align:center;
	}
	
/* ------Estructura -----*/
div#mainwrap {
	width:774px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color:#FFFFFF
	}
div#header {
	width:774px;
	height:120px;
	background-image: url(../images_pres/header_index02.jpg);
	display:block;
	}
#maincontent {
	background-image:url(../images_pres/bg_image01.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	}
#navcontainer {
	float:left;
	display:inline;
	clear:right;
	border-right: 1px solid #000;
	padding: 0 0 10px 0;
	margin:10px 0 20px 8px;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color: #90bade;
	color: #333;
	width:128px; 
	}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

#rightcontainer {
	float:left;
	display:inline;
	margin:10px 0 5px 10px;
	width:576px; 
 	} 

#leftcontainer {
	float:left;
	background-color:#FFFFFF;
	margin:2px 10px 10px 10px;
	width:606px; 
  	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:586px;
	}
html>body .content {
  width:586px;
	}
	 
#leftcontent {
	padding:30px;
	border:20px solid #B2CEEA;
	}
	
div#footer {
	width:774px;
	height:20px;
	background-color:#002C43;
	margin:0;
	padding:4px 0;
	font-size:.65em; font-size:.9em;
	text-align:center;
	}	
div#footer ul { 
	margin:2px 0;
	}
div#footer li {
	display:inline;
	color: #BBBF3B;
	border-left:1px solid;
	color:#BBBF3B;
	padding:0 5px 0 9px;
	}
div#footer li:first-child { border-left:0;}
div#footer ul li a {text-decoration: none; color:#BBBF3B;}
div#footer ul li a:hover {text-decoration:underline;}
div#footer ul.fineprint li {
	color:#8C8C8C;
	text-align:center;
	}	
	
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.listlink {
text-decoration:none;
color:#FF9900;
}


fieldset {
	display:block;
	width:354px;
	padding:8px;
	margin: 1em auto 0 auto;
	border: 1px dotted #1958B7;
	font-size:100%;
	line-height: 1.5em;	
}
fieldset:hover {
	display:block;
	width:354px;
	padding:8px;
	margin: 1em auto 0 auto;
	border: 1px solid #1958B7;
	font-size:100%;
	line-height: 1.5em;	
}	
label{
	float:left;
	width: 7em;
	padding-right: 5px;
	font-weight: bold;	
	text-align: right;
	color: #1958B7;	
}
legend {
	font-size:1.1em;
	font-weight:bold; 
	border-bottom:2px solid #1958B7;
	margin-bottom:15px; 
	padding:6px; 
	background:none; color:#1958B7;
	}
* html legend { padding:0 0 30px 0; margin:5px 0 0 0; border:none;}
input {
	margin-bottom: 10px;
	width:200px;
	border:1px solid #1958B7;
	background:#B2CEEA;
	}
input:hover {
	margin-bottom: 10px;
	width:200px;
	border:1px solid #1958B7;
	background:#6FAEE2;
	}
input:focus {
	margin-bottom: 10px;
	width:200px;
	border:1px solid #1958B7;
	background:#fff;
	}
select {
	width: 200px;
	background-color:#B2CEEA;
	border:1px solid #1958B7;
}
select:hover {
	width: 200px;
	background-color:#6FAEE2;
	border:1px solid #1958B7;
}
select:focus {
	width: 200px;
	background-color:#fff;
	border:1px solid #1958B7;
}
textarea {
	background-color:#B2CEEA;
	border:1px solid #1958B7;
	}
textarea:hover {
	background-color:#6FAEE2;
	border:1px solid #1958B7;
	}
textarea:focus {
	background-color:#fff;
	border:1px solid #1958B7;
	}