/*http://webpal.es/tutorial-como-hacer-un-mega-menu-para-tu-web/*/
/*
body, ul, li {  
    font-size:12px;   
    font-family:Arial, Helvetica, sans-serif;  
    line-height:21px;  
    text-align:left;  
}  
  
/* Barra de Navegacion */ 
#nav {
	top:0px;
}   
#menu {  
    font-size:12px;   
    font-family:Arial, Helvetica, sans-serif;  
    list-style:none;  
    width:950px;  
    margin:-22px auto 0px auto;   /*margin:30px auto 0px auto;  */ /*Desplazamiento del menú de arriba a abajo*/
    height:35px;  
    padding:0px 5px 0px 5px;  
   
    /* Esquinas redondeadas */ 
       
    -moz-border-radius: 0px;  
    -webkit-border-radius: 0px;  
    border-radius: 0px;  
   
    /* Color del fondo y Degradados */ 
       
    background: #264974;
    background: -moz-linear-gradient(top,  #264974 0%, #264974 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#264974), color-stop(100%,#264974));
    background: -webkit-linear-gradient(top,  #264974 0%,#264974 100%);
    background: -o-linear-gradient(top,  #264974 0%,#264974 100%);
    background: -ms-linear-gradient(top,  #264974 0%,#264974 100%);
    background: linear-gradient(to bottom,  #264974 0%,#264974 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#264974', endColorstr='#264974',GradientType=0 );
       
    /* Bordes */ 
       
    border: 1px solid #D3D3D3; 
   
    -moz-box-shadow:inset 0px 0px 1px #edf9ff;  
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff;  
    box-shadow:inset 0px 0px 1px #edf9ff;  
}  
 
#menu li {  
    float:left;  
    text-align:center;  
    position:relative;  
    padding: 4px 10px 4px 10px;  
    /*margin-right:7.4%;*/  /*ESPACIO ENTRE PESTAÑAS*/
    margin-top:3px;  
    border:none;  
    line-height:20px;  
}  
   
#menu li:hover {  
    border: 1px solid #777777;  
    padding: 4px 9px 4px 9px;  
       
    /* Color del fondo y Degradados */ 
    background: #F4F4F4;
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));  
       
   /* Esquinas redondeadas */
       
    -moz-border-radius: 5px 5px 0px 0px;  
    -webkit-border-radius: 5px 5px 0px 0px;  
    border-radius: 5px 5px 0px 0px;  
	z-index: 10000;
}  
   
#menu li a {  
    /*font-family:Arial, Helvetica, sans-serif;  
    font-size:1.2em;*/ 
    color: #EEEEEE;  
    display:block;  
    outline:0;  
    text-decoration:none;  
    /*text-shadow: 1px 1px 1px #000;  */
}  
   
#menu li:hover a {  
    color:#161616;  
    /*text-shadow: 1px 1px 1px #FFFFFF;  */
	z-index: 10000;
}  
#menu li .drop {  
    padding-right:21px;  
    background:url("../megamenu/images/down.png") no-repeat right 6px;
	z-index: 10001;	
}  
#menu li:hover .drop {  
    /*background:url("../megamenu/images/dropx.png") no-repeat right 8px;  */
	z-index: 10001;
}  
   
/* Drop Down */ 
#menu li.menuitem_fullwidth {
	xposition: static !important;
    position:relative;  
}

/* Oculta Drop Down*/
#menu .dropdown_1column,   
#menu .dropdown_2columns,   
#menu .dropdown_2bcolumns,   
#menu .dropdown_3columns,   
#menu .dropdown_4columns,  
#menu .dropdown_5columns,  
#menu .dropdown_full {  
    margin:4px auto;  
    float:left;  
    position:absolute;  
    left:-999em; /* Ocultar el Drop Down */ 
    text-align:left;  
    padding:10px 5px 10px 5px;  
    border:1px solid #777777;  
    border-top:none;  
       
    /* Degradado para el fondo */ 
    background:#F4F4F4;  
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));  
   
    /* Esquinas redondeadas */
    -moz-border-radius: 0px 5px 5px 5px;  
    -webkit-border-radius: 0px 5px 5px 5px;  
    border-radius: 0px 5px 5px 5px;  
}  
#menu .dropdown_1column  {width: 140px;}  
#menu .dropdown_2columns {width: 280px;}  
#menu .dropdown_2bcolumns {width: 380px;}  
#menu .dropdown_3columns {width: 420px;}  
#menu .dropdown_4columns {width: 560px;}  
#menu .dropdown_5columns {width: 700px;}  
#menu .dropdown_full { /*Ancho barra visible*/
	width: 944px;
	padding:0px 0 10px 15px;
    -webkit-border-radius: 0 0 0 0;
	-moz-border-radius:0 0 0 0;
    border-radius:0 0 0 0;
}
   
#menu li:hover .dropdown_1column,   
#menu li:hover .dropdown_2columns,   
#menu li:hover .dropdown_2bcolumns,   
#menu li:hover .dropdown_3columns,  
#menu li:hover .dropdown_4columns,  
#menu li:hover .dropdown_5columns {  
    left:-1px;  
    top:auto;  
	z-index: 10000;
}  
#menu li:hover .dropdown_full {  
    left:-244px;  /*Desplazamiento desde la izquierda*/
    top:auto;  
	z-index: 10000;
}  
 
/* Columnas */ 
   
#menu .col_1,  
#menu .col_2,  
#menu .col_2b,  
#menu .col_3,  
#menu .col_4,  
#menu .col_5 {  
    display:inline;  
    float: left;  
    position: relative;  
    margin-left: 5px;  
    margin-right: 5px;  
}  
#menu .col_1 {width:130px;}  
#menu .col_2 {width:270px;}
#menu .col_2b {width:190px;}
#menu .col_3 {width:410px;}  
#menu .col_4 {width:550px;}  
#menu .col_5 {width:690px;}  
   
/* Drop Down estilo del contenido */ 
   
#menu p, #menu h2, #menu h3, #menu ul li {  
    font-family:Arial, Helvetica, sans-serif;  
    line-height:10px;  
    font-size:12px;  
    text-align:left;  
    /*text-shadow: 1px 1px 1px #FFFFFF;  */
}  
#menu h2 {  
    font-size:21px;  
    font-weight:400;  
    letter-spacing:-1px;  
    margin:7px 0 14px 0;  
    padding-bottom:14px;  
    border-bottom:1px solid #666666;  
}  
#menu h3 {  
    font-size:12px;  
    margin:7px 0 7px 0;  
    padding-bottom:1px;  
    border-bottom:1px solid #888888;  
}  
#menu p {  
    line-height:18px;  
    margin:0 0 10px 0;  
}  
   
#menu li:hover div a {  
    font-size:12px;  
    color:#015b86;  
	z-index: 10000;
}  
#menu li:hover div a:hover {  
    color:#029feb;  
	z-index: 10000;
}  
.strong {  
    font-weight:bold;  
}  
.italic {  
    font-style:italic;  
}  
.imgshadow {  
    background:#FFFFFF;  
    padding:4px;  
    border:1px solid #777777;  
    margin-top:5px;  
    -moz-box-shadow:0px 0px 5px #666666;  
    -webkit-box-shadow:0px 0px 5px #666666;  
    box-shadow:0px 0px 5px #666666;  
}  
.img_left { /* Imagenes a la izquierda */ 
    width:auto;  
    float:left;  
    margin:5px 15px 5px 5px;  
}  
#menu li .black_box {  
    background-color:#333333;  
    color: #eeeeee;  
    /*text-shadow: 1px 1px 1px #000;  */
    padding:4px 6px 4px 6px;  
   
    /* /* Esquinas redondeadas */ 
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    border-radius: 5px;  
   
    /* Sombra */ 
    -webkit-box-shadow:inset 0 0 3px #000000;  
    -moz-box-shadow:inset 0 0 3px #000000;  
    box-shadow:inset 0 0 3px #000000;  
}  
#menu li ul {  
    list-style:none;  
    padding:0;  
    margin:0 0 12px 0;  
}  
#menu li ul li {  
    font-size:12px;  
    line-height:24px;  
    position:relative;  
    /*text-shadow: 1px 1px 1px #ffffff;  */
    padding:0;  
    margin:0;  
    float:none;  
    text-align:left;  
    width:130px;  
}  
#menu li ul li:hover {  
    background:none;  
    border:none;  
    padding:0;  
    margin:0;  
	z-index: 10000;
}  
#menu li .greybox li {  
    background:#F4F4F4;  
    border:1px solid #bbbbbb;  
    margin:0px 0px 4px 0px;  
    padding:4px 6px 4px 6px;  
    width:116px;  
   
    /* Esquinas redondeadas */
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    border-radius: 5px;  
}  
#menu li .greybox li:hover {  
    background:#ffffff;  
    border:1px solid #aaaaaa;  
    padding:4px 6px 4px 6px;  
    margin:0px 0px 4px 0px;  
	z-index: 10000;
}	
#menu li .greyboxb li {  
    background:#F4F4F4;  
    border:1px solid #bbbbbb;  
    margin:0px 0px 2px 0px;  
    padding:1px 2px 1px 2px;  
    width:150px;  
   
    /* Esquinas redondeadas */
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    border-radius: 5px;  
}  
#menu li .greyboxb li:hover {  
    background:#ffffff;  
    border:1px solid #aaaaaa;  
    padding:1px 2px 1px 2px;  
    margin:0px 0px 2px 0px;  
	z-index: 10000;
}

.img-responsive {
    max-width: 3em;
    height: auto;
}

.titulo-principal { 
    color: #004d80; 
    font-family: Montserrat, Tahoma, Arial, Geneva, sans-serif;
    font-weight: bold;
    font-size: 150%;
}

.titulo-proposito { 
    color: #313945; 
    font-family: Montserrat, Tahoma, Arial, Geneva, sans-serif;
    font-weight: bold;
    font-size: 120%;
}

.titulo-seccion { 
    color: #313945; 
    font-family: Montserrat, Tahoma, Arial, Geneva, sans-serif;
    font-weight: bold;
}

.titulo-area { 
    color: #313945; 
    font-weight: bold;
}

img.alineadoTextoImagenArriba{
  vertical-align: text-top;  
}
img.alineadoTextoImagenCentro{
  vertical-align: middle;
  padding-right: 10px;
}
img.alineadoTextoImagenAbajo{
  vertical-align: text-bottom;  
}