body{
	background-color: #F6F6F6;	
    margin:0 auto;
    color: #666666;
    font-family: "Segoe UI","Helvetica",Garuda,Arial;
    font-size: 14px;
    line-height: 13px;
    line-height: 21px;
}
img{
    border: none;
}
a{
    text-decoration: none;
    color: #888888;
}
a:active {text-decoration:none; color:#99FF00; } 
a:hover{
    color: #272828;
    text-decoration:none;
}

h3 {
    font-size: 21px;
    margin-bottom: 5px;
}
h1, h2, h3 {
    color: #444444;
    font-weight: 100;
    line-height: normal;
    margin: 0;
}
p, ul, ol, h4, h5, h6, img, table {
    margin-bottom: 14px;
}

/* INICIO DE ID DE MAQUETACION*/
#principal {
    background-color: #FFFFFF;
	width: 960px;
    margin:0 auto;	
}
#cabecera {
    background-color: #4aa1f6;    
    width: 100%;
    height: 42px;
}
#pie{
  /*  border-top: 1px solid #DDDDDD;*/
    line-height: normal;
}
#psuperior{
    font-size: 12px;
    margin-left: 25px;
    width: 100%;
}
#psuperior span{
    font-weight: bold;
} 
#psuperior ul{
    float: left;
   margin-left: 20px;
    padding: 0;
    width: 140px;
}
#psuperior li{ 
    line-height: 21px;
    list-style-type: none;
    text-align: left;
}
#pinferior{
    border-top: 1px solid #DDDDDD;
    clear: both;
    height: 80px;
    margin-top: 20px;
    overflow: hidden;
   /* padding: 20px 40px 0;*/
}
#logo {
    background-image: url(../images/isotipo.png);
    background-repeat: no-repeat;
    width: 4%;
    height: 100%;
    float: left;
}
#ccabecera {
    float: right;
    color: #FFFFFF;
    width: 96%;
    font-size: 16px;
    margin-top: 10px;
    /*letter-spacing: 1px;*/
}
#ccabecera span{
    font-size: 20px;
    /*letter-spacing: 1px;*/
}
#ccabecera span a{ /* a:active {text-decoration:none; color:#99FF00; background:#EEEEEE} */
    color: #FFFFFF;
}
#ccabecera span a:active{ /* a:active {text-decoration:none; color:#99FF00; background:#EEEEEE} */
    text-decoration:none;
}
#menu{
    width:960px;
	padding:0px;
	text-align:left;    
}
#contenido{
    
}
#submenu{
    padding:0; 
    margin:0; 
    margin-bottom:0; 
    height:45px;  
    position:relative; 
}
#submenu ul.sub{
    list-style:none; 
}
#submenu li.top{
    display:block; 
    float:left; 
    position:relative;
    text-align: center;
    
}
#submenu li.top a{
    border: 0 none;
    font-size: 24px;
    font-weight: 100;
    padding: 0 18px 10px 0;
    text-transform: lowercase; 
}
#logocreditos{
    float: left;
    height:80px;
    background-image: url(../images/logoingeniusg.jpg);
    background-repeat: no-repeat;
    width: 20%;
}
#logocomprendio{
    float: left;
    height:80px;
    background-image: url(../images/logocomprendio.png);
    background-repeat: no-repeat;
    width: 20%;
}
#navegacion{
    float: left;
    width: 80%;
}
#logonavegacion{
    float: right;
    height:80px;
   /* background-image: url(../images/logoingeniusg.jpg);*/
    background-repeat: no-repeat;
    width: 20%;
}
#creditos{ 
   /* margin: 0 0 0 580px;*/
    margin-left: 537px;
    margin-top: 20px;
    height:80px;  
    position:relative;
    float: left; 
    width: 24%;
}
#creditos ul.sub{
    list-style:none; 
}
#creditos li.top{
    display:block; 
    float:left; 
    position:relative;
    text-align: center;
    
}
#creditos li.top a{
    border: 0 none;
    font-size: 16px;
    padding: 0 18px 10px 0;
    text-transform: lowercase; 
}
.activos{
    color: #006abb;
}
.titulosnegrita{
    color: #006abb;
}
.testimonios{
    font-size: 15px;
    color: #006abb;
    line-height: 25px;
}
.columnaContenido1{
    float: left;
    margin-right: 15px; 
    padding-right: 28px; 
    border-right: 1px dashed #DDDDDD; 
    width: 65%;
}
.columnaTestimonio1{
    float: left;  
    width: 26%;    
    margin-left: 8px;    
}
.columnaContenido2{
    float: left;
    margin-right: 15px; 
    padding-right: 28px; 
    border-right: 1px dashed #DDDDDD; 
    width: 60%;
}
.columnaTestimonio2{
    float: left;  
    width: 30%;    
    margin-left: 8px;    
}


/* FIN DE ID DE MAQUETACION*/


/* INICIO CSS DEL MENU DESPLEGABLE */

.menu2{
    padding:0; 
    margin:0; 
    margin-bottom:0; 
    list-style:none; 
    height:45px;  
    position:relative; 
   
}
.menu2 li.top{
    display:block; 
    float:left; 
    position:relative;
    text-align: center;
}
.menu2 li a.top_link{
    display:block; 
    float:left; 
    height:45px; 
    line-height:40px; 
    font-size:13px; 
    cursor:pointer;
}
.menu2 li a.top_link span{
    float:left; 
    display:block; 
    height:45px;
    width: 130px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    margin-top: 15px;
    margin-left: -6px;
    
}
.menu2 li a.top_link:hover{
    color:#0968b6;
    
}

.menu2 table{
    border-collapse:collapse; 
    width:0; height:0; 
    position:absolute; 
    top:0; 
    left:0;
}
.menu2 a:hover{
    visibility:visible;
}
.menu2 li:hover{
    position:relative; 
    z-index:200;
}
.menu2 ul{
    position:absolute; 
    left:-9999px; 
    top:-9999px; 
    width:0; 
    height:0; 
    margin:0; 
    padding:0; 
    list-style:none;
}
.menu2 :hover ul.sub{
    left:3px; 
    top:42px; 
    background: #f8f7f7; 
    padding:0; 
    width:auto; 
    height:auto; 
    font-weight:normal;
}
/*REALIZA LA TABLA DEL MENU*/
.menu2 :hover ul.sub li{
    display:block; 
    position:relative; 
    float:left; 
    width:130px;     
    border-bottom:3px solid #FFFFFF; 
    border-left:3px solid #FFFFFF; 
    border-right:4px solid #FFFFFF;
    margin-bottom:0;
}
.menu2 :hover ul.sub li a{
    display:block; 
    height:auto; 
    font-size:12px; 
    padding:4px 3px; 
    line-height:1.2; 
    color:#555555; 
    text-decoration:none;
}
.menu2 :hover ul.sub li a:hover{
    background:#dff0fd; 
    color:#1f4165;
}
/* FIN DE MENU CSS DESPLEGABLE*/