body {
	font-size:10pt;
	font-family:Arial;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;

}

h2
{
	color: orange;
    font-size:13pt;
}

input.filter
{
 	background: transparent url('images/lens.gif') no-repeat center top;
	background-position: 1px 1px;
	padding-left:18px;
	border-style:solid;
	border-color:#7F9DB9;
	border-width:1px;
}

input.button {
	background-color: orange;
	background-position:left;
	border-style:solid;
	border-color:black;
	border-width:1px;
	font-family:Tahoma,sans-serif; 
	font-size: 11px; 
	color:#000000;
	height:20px;
	cursor: pointer;
}

input.button:hover {
	font-weight:bold;
}


#page {
width:900px;
margin:auto;
padding:auto;
background-image:url(images/page.png);
}

#header {
	clear:both;
	width:840px;
}

.widget {
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}

#mainarea {
	width:860px;
	clear:both;
	padding-left:30px;
}

#contentarea {
width:410px;
float:left;
line-height:14pt;
padding-top:5px;
padding-left:9px;
padding-right:5px;
text-align: justify;
}

a.button{
	background:url(images/button.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	height:20px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:191px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	text-indent:20px;
	display:block;
	vertical-align:middle;
}
a:hover.button{
	color:#0066CC;
}



.input
{
	font-size:5px;
}

#sidebar {
float:left;
width:213px;
border-right: 1px solid orange;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
padding-right:2px;
}


#sidebar  table{
float:left;
width:200px;

}

#sidebar_right {
float:right;
width:194px;
color:#555555;
border-left: 1px solid orange;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
padding-right:16px;
padding-left:3px;
}


.citas {
	text-align: justify;
	font-style:italic;
	font-size:10px;
}

#footer {
width:900px;
clear:both;
height:62px;
padding-top:30px;
text-align:center;
line-height:10pt;
background-image:url(images/footer.png);
background-repeat:no-repeat;
color:#FFFFFF;
text-decoration:none;
}

#footer a {
color:#FFFFFF;
}

h1, h1 a {
font-size:25pt;
color:#FFFFFF;
margin:0;
}

h2 {
font-size:15pt;
color:#555555;
padding-top:6px;
}

#sidebar h2 {
font-size:15pt;
padding-left:10px;
color:#555555;
padding-top:6px;
}

.description {
font-size:14pt;
color:#FFFFFF;
}

a {
color:orange;
text-decoration:none;
}

#sidebar a {
color:orange;
}

* {
    padding: 0;
    margin: 0;
} 

img { border: none; }
a { color: black; text-decoration: underline; padding: 5px 0; line-height:14pt; }
a:hover { text-decoration: none; color : orange; }

#wrap {
width: 700px;
margin: 5px auto;
}


#top {
background: #fff url(images/top.gif) no-repeat;
padding: 5px 0;
}

#subheader {
	width: 800px;
	text-align: center;
	padding-left: 8px;
    font-size: 10px;
}

#menu {
height: 50px;
background: #33BFEB url(images/menu.gif) no-repeat;
font-size: 11px;
text-align: center;
}

#menu ul {
padding-left: 20px;
list-style-type: none;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #fff;
padding: 0 10px;
text-decoration: none;
font-weight: 600;
}
#menu ul li a:hover {
color: #fff;
text-decoration: underline;
}

#content {
padding: 10px 10px;
background: #fff url(images/content.gif) repeat-y;
}
.right {
float: left;
text-align: justify;
}

.right img{
float: center;
text-align: center;
}

.right h2 {
color: #B4241B;
font-size: 20px;
letter-spacing: -2px;
font-weight: 100;
padding : 10px 0 15px 0;
}
.right h2 a {
	color: orange;
}

.right span {
	color: orange;
}

.right h2 a:hover {

}
.left {
float: left;
width: 140px;
padding: 10px;
border-right: 1px solid #aaa;
}
.left h2 {
font-size: 13px;
color: #333;
padding: 5px 0 2px 10px;
}
.left ul {
list-style-type: none;
padding: 5px 0 10px 5px;
}
.left ul li {
padding: 1px 5px;
background: transparent url(images/apple.gif) no-repeat;
}

.left ul li a {
display: block;
color: #444;
}
.left ul li a:hover {
color: #33BFEB;
}

#bottom {
background: #fff url(images/bottom.gif) no-repeat;
padding: 10px 0;
}

#footer {
text-align: center;
color: #666;
font-size: 11px;
}
#footer  a { color: #666; }

#header h1 {
padding: 0 0 0 20px;
font-size: 20px;
letter-spacing: -2px;
}
#header h1 a {
color: orange;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;
color: #000;
}
#header h2 {
padding-left: 21px;
font-size: 14px;
color: #666;
font-weight: 100;
}

#header h3 {
font-size: 11px;
color: #666;
font-weight: bold;
}


.display_data {
	color: #000000;
	font-size: 10px;
}

.display_data td {
	margin: 2px;
	font-size: 10px;

}

.display_data legend {
	font-size: 13px;
	color: green;
}

.display_data td.header {
	color: black;
	font-weight: bold;
}

/*- Menu Tabs 11--------------------------- */

    #tabs11 {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
      }
    #tabs11 ul {
          margin:0;
          list-style:none;
	}
    #tabs11 li {
		  display:inline;
		  margin:0;
		  padding:0;
      }
    #tabs11 a {
		  float:left;
		  background:url("images/tableft11.gif") no-repeat left top;
		  margin:0;
		  padding:0 0 0 4px;
		  text-decoration:none;
		  border-bottom:1px solid #C2BDAE;
		  font-size:11px;
		  background-position:0% -42px;
	 }
    #tabs11 a span {
		  float:left;
		  display:block;
		  background:url("images/tabright11.gif") no-repeat right top;
		  padding:5px 15px 4px 6px;
		  color:#000;
		  font-size:11px;
		  background-position:100% -42px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs11 a span {float:none; }
    /* End IE5-Mac hack */
    #tabs11 a:hover span {
      color:#FFF;
      }
    #tabs11 a:hover {
      background-position:0% -42px;
      }
    #tabs11 a:hover span {
      background-position:100% -42px;
      }