/* mac hide\*/
html, body {height:100%}
/* end hide */

body {
	padding:0;
	margin:0;
	text-align: center;
	min-width: 760px; /* for mozilla*/
	color: #414040;
	font-family: Verdana,arial;
	font-size: 0.95em;
	background-color: #FFFFFF;
	background-image: url(../img/fondo.jpg);
	background-repeat: repeat-x;
}

/* */

h1 {
	font-size: 1.40em;
	letter-spacing:	-0.01em;
	color: #000;
}

h2 {
	font-size: 1.05em;
	color: #000;
	border-bottom: 1px solid #778B98;
}

h3 {
	font-size: 0.95em;
	color: #000;
}

a, a:visited {
  color: #000; 
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular
}

a:hover, a:active { 
	color: #fff;		
    background-color: #4B69AB;
}

p {
	font-size: 0.9em;
	line-height: 130%
}

/* */

.small {
	font-size: 0.7em;
}
.bold {
	font-weight: bold;
}

/* Form Fields */

input,textarea {
	border:	1px solid #000;
}
input.button {
    background-color: #E2E2E2;
    margin-top: 5px;
}
#outer{
	min-height: 100%;
	width: 960px;
	text-align: left;
	/*margin: auto;*/	
	margin: auto;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}
/*#outer, #outer .sb-inner { background-color: #fff; }*/
 
* html #outer{height: 99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/
#header {
	min-height: 90px;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}
* html #header{height: 100px}
#header, #header .sb-inner { background: #354E86 url(../img/fondo-header.jpg) repeat-x; }
#header .sb-border { background: #ccc; }

#left {
	position: relative; /* ie needs this to show float */
	width: 160px;
	float: left;
	padding: 5px;
}
#left p {padding: 2px}

#footer {
	width: 96%;
	clear: both;
	height: 50px;
	border-top: 1px solid #666666;
	color: #000000;
	text-align: center;
	bottom: 25px;
	position: absolute;
}
* html #footer {/*only ie gets this style*/
	\height:52px; /* for ie5 */
	he\ight:50px; /* for ie6 */
	margin-bottom: -20px;
}
div,p  {margin-top: 0} /* clear top margin for mozilla */

#content {
	width: 740px;
	float: right;
	padding-right: 10px;
	padding-bottom: 90px;
}
#content p {padding-left:3px}

#clearfooter {width:100%;height:40px;clear:both} /* to clear footer */


/* */

#search-nav {
	float: right;
	margin: 20px 30px 0 0;
}


/* */

#nav {
	margin: 5px 7px 0px auto;
	float: right;
	width: 45%;
}


#nav ul {
	margin: 0;
	padding: 0.3em 0.5em;
	list-style-type: none;
}
			
#nav ul li {
	border-right: 1px solid #e2e2e2;
	display: inline;			
}
			
#nav a {
	color: #fff;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;
}

#nav a:hover {
	background-color: transparent;
	text-decoration: underline;
}

/* */

#nav2 {
	background-color: #1B76AA;
	height: 190px;
}
#nav2, #nav2 .sb-inner { background-color: #5A73AC; }
#nav2 .sb-border { background: #1B76AA; }

#content, #content .sb-inner { background-color: transparent; }
#content .sb-border { background: #e2e2e2; }

#nav2 ul {	
	list-style-type: none;
	padding: 0;
	margin: 0.5em auto 0.5em 0.2em;
}
			#nav2 ul li {
	padding-top: 5px;
}
			#nav2 a {
	color: #FFFFFF;
}
#nav2 a:hover {
	color: #FFF;
	background-color: #000;
}

/* */

ul.normal {
	list-style-type: square;
	font-size: 0.9em;
}
			ul.normal li {
	padding: 0.6em 0;
}

/* For holding the famous names in the list page */
#list_table table {
	width: 100%;
}
#list_table td {
	padding: 12px 10px 12px 0; /*top right bottom left*/
}