body {
	margin: 0 auto;
	padding: 0;
        font-family:"Lucida Grande",helvetica,arial,sans-serif; 
	font-size: 0.8em;
	background: #E7E7E7;
}

a {
	text-decoration: none;
        color: #3A6794;
}

a:hover {
	color: #0A3764;
}

a img {
	border: 0;
}

h3 {
	font-size: 1.3em;
	margin: 0 0 5px 0px;
	padding: 2px 0px 0px 0px;
	border-bottom: 2px solid #eee;
        background:url("fadegray.png") repeat-x;
}

h4 {
	font-size: 1.3em;
	margin: 0 0 5px 0px;
	padding: 2px 0px 0px 0px;
	border-bottom: 2px solid #eee;
        background:url("fadeseccion.png") repeat-x;
}

.blue {
	color: #0066CC;
}

.gray {
	color: #B0B0B0;
}

.white {
	color: #FFFFFF;
}

.texto {
	margin-left: 10px;
	margin-top: 2px;
        text-align: justify;
	font-style: normal;
}

.subtitulo {
        font-weight: bold;
}

.subtitulo a {
	text-decoration: none;
        color: #4D4D4D;
}

.subtitulo a:hover {
	color: #4D4D4D;
        text-decoration:underline; 
}


.pie {
	font-size: 0.9em;
	margin-left: 10px;
        text-align: justify;
        font-style: italic;
}

#drop-shadow-header { width:780px; height:12px; margin:0 auto; background:url("header_bg.png") no-repeat; }

#bg { 
	width: 780px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background: url(bg.png) repeat-y;
}

#encabezado {
	clear: both;
	color: #808080;
        font-family:"Lucida Grande",helvetica,arial,sans-serif; 
	font-size: 0.85em;
	text-align: right;
	padding: 10px 10px 0px 10px;
	margin: 0px 5px 0px 8px;
	border: 1px solid #ccc;
	line-height: 1.5em;
	background: #FFF url("/images/fade.gif") repeat-x;
}

#header { 
          clear: both;
          background:#000 url("/images/header_bg.gif") repeat-x 50% 50%; 
          padding: 5px 0px 0px 5px;
	  margin: 0px 5px 0px 8px;
	  border: 1px solid #ccc;
          height:89px;
}

#header a {
	    text-decoration: none;
            color: #8595B6;
}

#header a:hover {
                  color: #95A5C6;
}

#title {
	float: left;
	font-size: 13pt;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
}

input.submit {
        font-family:"Lucida Grande",helvetica,arial,sans-serif; 
	font-size: 1.0em;
  	color: #781351;
	border: 1px solid #819CD7;
        background: white;
}

input
{
        font-family:"Lucida Grande",helvetica,arial,sans-serif; 
	font-size: 1.0em;
  	color: #781351;
	border: 1px solid #819CD7;
        background: white;
}

#branding { 
            margin-left:0px; 
}

#branding h1 { 
               font-size:20px; 
               color:white; 
               font-family:"Lucida Grande",helvetica,arial,sans-serif; 
               font-weight:normal; 
               margin:0; 
}

#branding img { 
        	float: right;
                margin:0; 
}

#intro { 
         border:1px solid #0066CC; 
         background:#EAEFFA; 
   	 padding: 5px 10px 5px 10px;
    	 margin: 10px 10px 10px 10px;
}

#intro p { 
           font-size:14px; 
           line-height:17px; 
           color:#0066CC; 
           font-family:"Lucida Grande","Lucida Sans",arial,verdana,sans-serif; 
           text-align: justify;
}

#intro a { 
           text-decoration:none; 
}

#intro a:hover { 
                 text-decoration:underline; 
}


#nav { 
       float: left;
       width:100%; 
}

#nav ul { 
          list-style:none; 
          margin:0; 
          margin-top:12px; 
          margin-left:10px; 
          padding:0;
}

#nav li { 
          float:left;
          margin:0; 
          padding:0; 
          border:1px solid white; 
          border-width: 1px 1px 0 0; 
          list-style:none;
}

#nav li.first { 
                border-left:1px solid white; 
}

#nav a { 
         float:left; 
         padding:3px 8px 6px 8px; 
         color:white; 
         background:#666 url("/images/nav_tab_bg_off_grey.gif") repeat-x top; 
         text-decoration:none; 
}

#nav a:hover { 
               color:#fff; 
               background:#333; 
}

#nav a.selected { 
                  color:#000; 
                  background:white; 
}

#contenido {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
	color: #303030;
	width: 755px;	
}


#menu {
	clear: left;
	float: left;
	width: 155px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-right: 1px solid #ccc;
}

#menu ul {	
	list-style: none;
	width: 155px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}	

#menu li {
	padding: 5px 5px 0px 5px;
}

#menu li a {
	font-size: 1.3em;
	font-weight: bold;
	text-align: right;
	height: 20px;
	text-decoration: none;
	color: #808080;
	display: block;
	padding: 19px 5px 5px 0px;
	border-bottom: 1px dotted #ccc;
}	
	
#menu li a:hover {
	color: #286ea0;
        background:url("fadeblue_on.png") repeat-x;
}

#menu a.selected { 
        color:#000; 
        background:url("fadeblue.png") repeat-x; 
}

#secciones li a {
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	height: 20px;
	text-decoration: none;
	color: #808080;
	display: block;
	padding: 4px 5px 0px 5px;
	border-bottom: 1px dotted #ccc;
}

#secciones li a:hover {
	color: #F0F0F0;
        background:url("/images/nav_tab_bg_on_grey.gif") repeat-x;
}

#secciones a.selected { 
	color: #FFFFFF; 
        background:url("/images/nav_tab_bg_off_grey.gif") repeat-x;
 }


#infobox {
	padding: 3px;
	font-size: 0.8em;
        text-align: center;
	margin-top: 5px;
}

.columna_derecha {
	font-size: 0.9em;
	float: right;
	width: 285px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 10px;
	border-left: 1px solid #DDD;
	color: #4D4D4D;
	line-height: 1.4em;
}

.columna_derecha ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.columna_derecha li {
        display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dotted #ccc;
}

.columna_izquierda {
	font-size: 0.9em;
	margin: 0px 300px 20px 155px;
	padding: 5px 10px 5px 10px;
	text-align: left;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	color: #4D4D4D;
	line-height: 1.4em;
}

.columna_izquierda ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.columna_izquierda li {
        display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dotted #ccc;
}

.columna_central {
	font-size: 0.9em;
	margin: 0 0px 20px 155px;
	padding: 5px 10px 5px 10px;
	text-align: left;
	border-left: 1px solid #DDD;
	color: #4D4D4D;
	line-height: 1.4em;
}

.columna_central p {
	margin-left: 10px;
        text-align: justify;
}

.columna_central ul {
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 30px 0px;
}

.columna_central li {
        display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
}

.foto {
	border: 0;
	float: right;
        margin: 5px;         
}

.foto2 {
	border: 0;
	float: left;
        margin: 5px;         
}

.fotoizquierda {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 575px;        
}


#pic {
	margin:  0px 0px 0px 155px;
	padding: 0px 10px 7px 5px;
	line-height: 1.4em;
	background: url("pic.jpg") repeat-x;
	height: 151px;
}

#pic h2 {
	margin: 0px;
	padding: 15px 0 2px 5px;
	font-size: 12pt;
	color: #0A3764;
}

#pic p {
        text-align: justify;
	margin: 0;
	padding: 0 0 0 5px;
	color: #2A5784;
	width: 360px;
}


#downbox {
	margin: 15px 10px 15px 165px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #819CD7;
        background:#EAEFFA; 
	line-height: 1.5em;
}

#downbox p {
        text-align: justify;
	padding: 6px;
	margin: 0;
}

#footer {
	clear: both;
	color: #808080;
        font-family:"Lucida Grande",helvetica,arial,sans-serif; 
	font-size: 0.85em;
	text-align: center;
	padding: 10px 10px 10px 10px;
	margin: 0px 5px 0px 8px;
	border: 1px solid #ccc;
	line-height: 1.5em;
	background: #FFF url("fade.gif") repeat-x;	
}

#footer a {
	text-decoration: underline;
	color: #3A6794;
}

#footer a:hover {
	color: #000000;
}

#drop-shadow-footer { width:780px; height:12px; margin:0 auto; background:url("footer_bg.png") no-repeat; }
