/* 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);
	}
#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;
}
fieldset {
	float:left;
	width:127px;
	display:inline;
	margin-left:5px;
	margin-top:-290px;
	padding:2px;
	border:1px solid #FFFFFF;
	}
legend {
	font-weight:bold;
	font-size:1.5em;
	color:#2175bc
	}
label {
	display:block;
	padding-left:5px;
	margin-bottom:3px;
	color:#9f3732;
	font-size:1.2em;
	}
input {
	width:120px;
	margin-bottom:3px;
	}
.boton {
	background-color:#2175bc;
	border:1px solid #2175bc;
	width:100px;
	color:#FFFFFF;
	}
#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;
}