@charset "utf-8";

/* html tags */

html {
overflow-y: scroll;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	background:#D1D9DE;
	background-repeat: repeat-y;
	background-position: left;
	margin-left: 0px;
	margin-top: 0px;
}



/* Branding Bar */
/* Due to conflict with other css in the global file, I was forced to make it local */

#brandbar {
	height: 23px;
	background: #C2C6CF url(/common/images/brandbarbkgd.jpg) repeat-x;
}

#brandbar .unicon { /* *** latin conventions *** */
	padding-top: .2em;
	padding-right: .4em;
}

#brandbar .welcome { /* *** latin conventions *** */
	color: #333;
	display: block;
	float: left;
	font-size: .9em;
	padding-top: .5em;
}

#brandbar .welcome a {
	text-decoration: none;
	color: #1e1e1e;
}

#brandbar a:hover {
	text-decoration: underline;
	color: #1e1e1e;
}

#brandbar #searchfrm { /* *** latin conventions *** */
	float: right;
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
}

#brandbar #searchfrm label { /*hidden*/
	position: absolute;
	overflow: hidden;
	font-size: 88%;
	top: -500px;
}

#brandbar #searchfrm .button {
	font-size: 78%;
}

#brandbar #searchfrm .textbox {
	font-size: 80%;
}

/* Languages Bar */

#languages {
	height: 1.7em;
	font-size: .85em;
}

#languages ul {
	text-align: right; /* *** latin convention *** */
	margin: 0;
	padding-top: .2em;
	/*padding-right: .1em;  *** latin convention *** */
}

#languages ul li {
	display: inline;
	
}


#banner {
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	height: 95px;
	float: left;
	background-color: #130B56;
	width: 831px;
}


#banner_repeat {
	background-image: url(../images/banner_repeat.jpg);
	background-repeat: repeat-x;
	height: 95px;
	background-color: #130B56;
}



#banner span {
	height: 95px;
	width: 100%;
	background-image: url(../../images/banner_bkgd.jpg);
	background-repeat: repeat-x;
}

a{color:#990000;}

a:visited{color:#666666}

/* Main content area */

#main {
	background-color: #F5F6F8;
	min-width:940px;
	max-width:1050px;
		width: 100%;
	/*Nuevo para apaisar la página hasta aquí*/	
	margin-left:auto;
	margin-right:auto;
	background-image: url(images-home/grey_grad_bkgd.jpg);
	background-repeat: repeat-x;
	border: 8px solid #FFFFFF;
	
	font-family: "Century Gothic", Arial, Verdana;
}

div#container{
/*min-width:760px;
width:60em;*/
/*max-width:100%;*/
background:#FFFFFF;
/*border-style:solid;
border-width:1px;*/
margin-right:auto;
margin-left:auto;
padding:10px 0 0 0;
margin-top:0;
}

div#bottom{
	background-image:url(../images/bottom-banner1.gif);
	background-repeat:repeat-x;
	background-position: bottom center;
	height:31px;
	clear:both;
	padding-top:0;
	max-width:100%;
} 

/*Top menu layer poistioning*/

div#menu{
	background-color:#041B66;
	max-width:100%;
	/*min-width:764px;*/
	/*width:60em;*/
	/*max-width:100%;*/	
	/*margin-right:auto;
	margin-left:auto;*/
	padding:0;
	/*border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #041B66;*/
	margin-bottom:0;
	margin-top:0;
	padding-top:5px;
}

/*div#title{float:left;}*/

div#toprow{
	max-width:98%;
	min-width:764px;
	width:60em;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:5px;
}




/*#top {
  background: #041B66;
	font-size: .87em;
	color: #8DDABF;
	padding-top: .5em;
}*/

#top {
  background: #041B66;
	font-size: .87em;
	color: #8DDABF;
	padding-top: .5em;
		min-width:940px;
     max-width:1050px;
	width: 98%;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:5px;
	height: 20px;

}

#top ul {
	margin: 0;
	padding: 0;
}

#top ul#languages {
	text-align: right;
	float: right;}

#top ul li {
	list-style: none;
	display: inline;
	margin: .4em;
	line-height: 2em;
}

#top ul li a {
	color: #FFF;
	text-decoration: none;
}

#top ul#languages li a:hover {
	color: #8ddabf;
}

#top ul#set li a:hover {color: #f5d1a1;}

#skiplink {
	width: 20em;
	clear: both;
	font-size: .9em;
	display: inline;
}

#skiplink ul {
	margin: 0;
}

#skiplink  ul li {
	display: inline;
}

div#skiplink a {color:#D1D9DE;text-decoration:none;}
div#skiplink a:visited {color:#D1D9DE;text-decoration:none;}

div#languages{
	text-align:right;
	padding-right:0.5em;
	float:right;
}

/* Top Menu skip link, home and languages */

#languages ul{margin:0px 10px 0px 0px;}
#languages span{font-size:80%;}
#languages a{
	color:#041B66;
	font-weight:bold;
	text-decoration:none;
	margin-right:10px;
}

#languages a:hover{color:#041B66;}
#languages ul li{
	list-style-type:none;
	display:inline;
	font-weight:bold;
	padding:0px 0.5em;
	color:#041B66;
}


/* Top menu (home, sitemap and search */

div#topmenu{float:left;}

div#topmenu ul{
	margin-left:2px;
	padding-left:2px;
	padding-top:1px;
	margin-top:1px;
	margin-bottom:0px;
	padding-bottom:0px;
}

div#topmenu ul li{
	list-style-type:none;
	display:inline;
	padding:10px 0.5em;
}

div#topmenu ul li a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:80%;
}

div#topmenu ul li a:hover{color:#F5D1AD}

/* Main menu horizontal */


#horizontal {
	background-color:#041B66;
	min-width:760px;
	width:100%;
	background-image: url(../images/mainnav_bkgd.jpg);
	background-repeat: repeat-x;
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 93%;
	height: 2.6em;

}


#horizontal ul{
	margin:0;
	padding-bottom:0px;
	padding-left:0px;
	text-indent:0;
	padding-top: .6em;

}



#horizontal ul li{
	list-style-type:none;
	display:inline;
	height:2.6em;
	padding-top: 0em;
	padding-right: .5em;
	padding-bottom: 0px;
	padding-left: 1em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #130B89;
position:relative;
	}



#horizontal ul li a{
	color:#130B56;
	text-decoration:none;
	font-family: "Century Gothic", Arial, Verdana;

}



#horizontal ul li a:hover{
	color:#863B1C
}



/*#horizontal {
	background-color:#041B66;
	max-width:98%;
	min-width:760px;
	width:60em;
	margin-right:auto;
	margin-left:auto;
}

#horizontal ul{
	margin:0;
	padding-bottom:0px;
	padding-left:0px;
	text-indent:0;
}

#horizontal ul li{
	list-style-type:none;
	display:inline;
	padding:0px 0.5em;
	position:relative;
	height:2.8em;
	}



#horizontal ul li a{
	color:#130B56;
	text-decoration:none;
	font-weight:bold;
	
}*/

#horizontal ul li a:hover{color:#863B1C}

#horizontal ul li ul{
	position:absolute;
	top:1em;
	left:-999em;
	list-style-type:none;
	display:block;
	width:9.28em;
	list-style-image:none;
	padding-top:10px;
	padding-right: 0;
	padding-bottom: 0;
	margin: 0;

}



#horizontal ul li ul li{
	display:block;
	background-color:#1A3B79;
	list-style-type:none;
	width:12.5em;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D4D3DB;
	margin: 0px;
	padding: 0px;

}



#horizontal ul li ul li a{
	color:#FFFFFF;
	display: block;
}
#horizontal ul li ul li.link1   {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 1px;
	height: 1%;
	font-size: 96%;
}

#horizontal ul li ul li.link2   {
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 1px;
	height: 2%;
	font-size: 96%
}



#horizontal ul li ul li a:hover{
	color:#F4BD9F;
}








/*#horizontal ul li ul{
	position:absolute;
	top:1em;
	left:-999em;
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	width:9.28em;
	list-style-image:none;
	padding-top:2px;
}

#horizontal ul li ul li{
	display:block;
	float:none;
	background-color:#1A3B79;
	list-style-type:none;
	width:11.5em;
	border-bottom:1px #FFFF00 solid;
	font-size:83%;
	font-family:Arial, Helvetica, sans-serif;
}

#horizontal ul li ul li a{
color:#FFFFFF; }

#horizontal ul li ul li a:hover{
color:#A8DABF; }*/

.border{border-top:2px #fff solid;}

#horizontal ul li:hover ul, #horizontal ul li.sfhover ul{
	left:auto;
	left:0;
	width:100%;
	z-index:1000;
}

/* titles */

h1{
	font-size:140%;
	color:#FF9900;
	vertical-align:middle;
	margin:0 0 0 10px;
	text-transform: uppercase;
	margin-top:0px;
}

h1 span.number{
font-size:180%;
color:#fbd953}

h1 span.green{color:#CCEED6}

/* hidden div to correct display bug in IE */

div.IEbug
{width:50px;
height:1px;
clear:left;
padding:0;
margin:0
}

.img{
float:left;
margin-right:10px;
margin-left:10px;
}

.more{text-align:right;padding-right:10px;}

.int{
margin-top:2em;
text-align:justify;
padding-right:1em;}

#memberdiv{
	clear:left;
	text-align:center;
	margin:1em;
	/*border-top:#CCCCCC 4px solid;*/
}

#tbl{
text-align:left;
border:#7B7979 1px ridge;
}

#tbl tr td {
border-bottom:#7B7979 1px double;
border-left:#7B7979 1px double;
border-right:#7B7979 1px double;
border-top:#7B7979 1px double;
}

#tbl tr th{
	background-color:#999999;
	text-align:left;}

.txtcenter{text-align:center;}

.image{border:0;}

.style3 {
color: #CCCCCC;
font-weight: bold;}

/*Todo nuevo para le footer*/
/* Footers */


#footer {
	text-align: center;
	font-size: 0.9em;
	height: 2.4em;
	background-color: #120C54;
	color: #ECDDB2;
	width: 100%;
	font-family: "Century Gothic", Arial, Verdana;
	clear: both;
}

#footer ul {
	margin-top: .5em;
	margin-bottom: .5em;}
	
#footer ul li  {
	display:inline;
	padding-left:0.2em;
	margin-top:0;
}

#footer2 ul li  {
	display:inline;
}

#footer ul li a {
	color: #E1D7C1;
	text-decoration: none;
}
#footer ul li a:visited {
	color: #EBCE69;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
	color: #FFFFFF;	
}
#taglinefooter {
	background-image: url(../images-home/bottom_banner.gif);
	background-repeat: repeat;
	height: 1em;
	padding-top: 0.2em;
	padding-bottom: 0.5em;
	width: 100%;
	float: left;
	clear: both;
}
#taglinefooter p {
	text-align: center;
	letter-spacing: 0.3em;
	margin: 0px;
	color: #FFFFFF;
	font-weight: bolder;
} 
/*************   End  *************/	


/*Hasta aquí*/