/* NON-HEADER */
*{padding:0; margin:0;}
body {font-size:62.5%; background-color: #e0e0e0; font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:940px; margin:0px auto; background-color:rgb(255,255,255); border:solid 1px rgb(150,150,150); font-size:1.0em;}

/* DIV */
.header {width:940px; background-color: #FFFFFF;}
.header-top {width:940px; height:150px;  background:rgb(255,255,255); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-top-imagen1 {width:940px; height:450px;  background:rgb(255,255,255) url(Imagenes/imagenindex1.jpg) ; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:940px; border-top: solid; border-top-width:1px; border-top-color:#6B78A9;}
.main {width:940px; background-color:rgb(255,255,255);}
.main img{clear:both; float:left; margin: 1px 5px 0px 1px; padding: 2px 2px 2px 2px; border:1px solid #CCCCCC;}

 /*- Menu Tabs J--------------------------- */ 

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

        #tabsJ #current a {
                background-position:0% -42px;
        }
        #tabsJ #current a span {
                background-position:100% -42px;
                color:#FFF;
        }
-->

.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:500px; margin:5px 5px 5px 5px; padding:10px 20px 10px 20px; border-bottom: solid 1px rgb(200,200,200); border-top: solid 1px rgb(200,200,200); border-left: solid 1px rgb(200,200,200); border-right: solid 1px rgb(200,200,200); background-color:rgb(255,255,255); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:690px; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; border-bottom: solid 0px rgb(200,200,200); border-top: solid 0px rgb(200,200,200); border-left: solid 0px rgb(200,200,200); border-right: solid 1px #24618E; background-color:rgb(255,255,255); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content h1 {margin:0 0 0.4em 0; padding:0 0 0 0; border-bottom:solid 1px rgb(225,225,225); font-family:Verdana, Arial, Helvetica, sans-serif; color: #2A7FAA; font-weight:bold; font-size:130%;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:110%; color: #5A5A5A}
.main-content a {display: inline; color:rgb(70,122,167); text-decoration: none; font-weight:bold; font-size:0.9em; float: left}
.main-content a:hover {text-decoration: underline; color:rgb(42,90,138);}
.main-content .regresar {display: inline; color: #B0B0B0; text-decoration: none; font-weight:bold; font-size:0.9em; background:transparent url(../Grafo Sistemas Macromedia/Imagenes/vinetaup.gif) no-repeat 0 50%; padding:0 0 0 15px; float:left}
.main-content .regresar:hover {text-decoration: underline; color:rgb(42,90,138);}
.main-content p img{clear:both; float: left; padding:5px 5px 5px5px; border:1px solid #CCCCCC;}

.main-content ul {list-style:none; margin:0 0 0 120px;}
.main-content ul li {margin:0 0 0 0px; padding: 0 0 0 10px; background: url(Imagenes/vineta.gif) no-repeat 0 0.5em; line-height:1.5em; font-size:115%;}
.main-content ul li ul li a {display: inline; color:rgb(70,122,167); text-decoration: none; font-weight: normal; font-size:0.9em; float: none; margin: 0 0 0 0;}
.main-content ul li ul li a:hover {text-decoration: underline; color:rgb(42,90,138);}

.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:225px; margin:0px 0px 0px 0px; border-bottom: solid 0px rgb(200,200,200); border-top: solid 0px rgb(200,200,200); border-left: solid 0px rgb(200,200,200); border-right: solid 0px rgb(200,200,200); background-color:rgb(255,255,255); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; margin-bottom: 18px}

.footer {clear:both; width:940px; padding:1.0em 0 1.0em 0; background:rgb(250,250,250); border-top: solid; border-top-width:1px; border-top-color:#6B78A9; font-size:.9em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}



.column1-unit {display:inline /*Fix IE floating margin bug*/; float:left; width:300px; margin:5px 5px 5px 5px; border-bottom: solid 1px rgb(200,200,200); border-top: solid 1px rgb(200,200,200); border-left: solid 1px rgb(200,200,200); border-right: solid 1px rgb(200,200,200); background-color:rgb(255,255,255); padding:5px 5px 5px 5px;}
/*{width:300px; margin-bottom:0px !important /*Non-IE6*/; margin-bottom:0px /*IE6*/;}
.main-subcontent h1.first {clear:both; margin:0px; padding:4px 20px 3px 70px; background-color:rgb(190,190,190); font-family:Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}

.contactform {width:690px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;  background-color:rgb(250,250,250);}
.contactform fieldset {padding:0px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 0px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0px 0 0px !important /*Non-IE*/; margin:0px 0px 0px 0px /*IE6*/; padding:0 0px 0 0px; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.contactform label.left {float: left; width:75px; margin:0 0 0 10px; padding:2px; font-size:100%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:570px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float: right; width:7.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.footer p {line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration: none; color:#6B78A9; font-size:105%}
.footer a:hover {text-decoration: underline;}
.footer a:visited {color:#6B78A9;}

.clear-contentunit {clear:both; width:670px; margin: 10px 0 10px 0; height:0.5px; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}