/**
 * @file
 * Navigation Styling
 */


/*
 * Markup generated by theme_menu_tree().
 */

ul li.expanded {
  list-style-image: url(../images/menu-expanded.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  list-style-type: circle;
}

ul li.collapsed {
  list-style-image: url(../images/menu-collapsed.png); /* LTR */
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */
  list-style-type: disc;
}

ul li.leaf {
  list-style-image: url(../images/menu-leaf.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC');
  list-style-type: square;
}

/*
 * The active item in a Drupal menu
 */

li a.active {
  color: #000;
}
/* compass */
div#compass{
    position: absolute;
    border: 1px solid #e5e5e5;
    width: 960px;
    left: 10px;
    top: 203px;
    padding: 10px;
    border-radius: 5px;
}
div#compass span{
    float: left;
    font-weight: bold;
}
div#compass ul{
    margin: 0;
    padding: 0 0 0 10px;
    float: left;
}
div#compass ul span{
    float: left;
}
div#compass ul li{
    float: left;
    padding: 0 0 0 10px;
    margin: 0;
    background: none;
}
div#compass ul li a{
    margin: 0;
    padding: 0;    
}


/*
 * Navigation bar
 */

#navigation {
  /* overflow: hidden; */ /* Sometimes you want to prevent overlapping with main div. */
  /*añadido por JM*/
  /*background-color: #224076;*/
  background-color: #009fe3;
  font-size: 1.061em; 
  
 
}

#navigation .block {
  margin-bottom: 0;
}

#navigation .block-menu .block-title,
#navigation .block-menu-block .block-title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

#navigation ul.links, /* Main menu and secondary menu links */
#navigation ul.menu { /* Menu block links */
  margin: -3px 0 0 0px;
  padding: 0;
  text-align: left; /* LTR */
 
}

#navigation ul.links li,
#navigation ul.menu li {
 /* A simple method to get navigation links to appear in one line. */
  float: left; /* LTR */  
  list-style-type: none;
  list-style-image: none;
  font-size: 1.1em;
  font-weight: bold; 
}

#navigation ul.links li.last , #navigation ul.menu li.last {
    background-image: none;    
}

#navigation ul.menu ul{
    margin: -2px 0 0 -20px;
}

#navigation ul.links li:hover,
#navigation ul.menu li:hover{
    /*background-color: #000;*/
    background-color: #009fe3;
    color: black;
}
#navigation ul.links li a:hover,
#navigation ul.menu li a:hover{
    color: black;
}
#navigation #main-menu ul.links a{
    float: left;
    text-decoration: none;
    margin: 0;
    padding: 10px 0px 10px 40px;    
}
#navigation #main-menu ul.links li:hover{
    background-color: #162f53;
}
#navigation ul.menu .menu-activo{
    /*background-color: #000;*/
    background-color: #009fe3;
}
#navigation ul.menu li.menu-activo a{
    color: #ee1f40;
}
#navigation ul.menu li.menu-activo li a{
    color: #fff;
}
#navigation #main-menu ul.links .menu-427 a{/*inici*/
    background-image:  url('/sites/all/themes/imas/images/iconos/menu_sup/inicio_off.png');    
    background-repeat: no-repeat;
    background-position: 10px center;
}
body.front #navigation ul.menu li.menu-activo a.active{
    /*background-image:  url('/sites/all/themes/imas/images/iconos/menu_sup/inicio_on.png');    */
}
#navigation #main-menu ul.links .menu-427 a:hover, #navigation #main-menu ul.links .menu-427 a.active{/*inici*/
    background-image:  url('/sites/all/themes/imas/images/iconos/menu_sup/inicio_on.png');        
}
#navigation #main-menu ul.links li.menu-423{/*IMAS*/
    background-image:  url('/sites/all/themes/imas/images/iconos/menu_sup/imas_off.png');    
    background-repeat: no-repeat;
    background-position: 10px center;
}
#navigation #main-menu ul.links li.menu-423{/*IMAS*/
    background-image:  url('/sites/all/themes/imas/images/iconos/menu_sup/imas_off.png');    
    background-repeat: no-repeat;
    background-position: 10px center;
}
#navigation #main-menu ul.links li.menu-423:hover{/*IMAS*/
    background-image:  url('/sites/all/themes/imas/images/iconos/menu_sup/imas_on.png');       
}
#navigation #main-menu ul li.menu-456{/*serveis*/
    background-image:  url('/sites/all/themes/imas/images/iconos/menu_sup/servicios_off.png');    
    background-repeat: no-repeat;
    background-position: 10px center;
}
#navigation #main-menu ul li.menu-456:hover{
    background-image:  url('/sites/all/themes/imas/images/iconos/menu_sup/servicios_on.png');       
}
#navigation #main-menu ul li.menu-426{
    background: url('/sites/all/themes/imas/images/iconos/menu_sup/accesos_directos_off.png') no-repeat center left;    
    background-repeat: no-repeat;
    background-position: 10px center;
}
#navigation #main-menu ul li.menu-426:hover{
    background-image: url('/sites/all/themes/imas/images/iconos/menu_sup/accesos_directos_on.png');    
}
#navigation ul.links li a, #navigation ul.menu li a, #navigation ul.menu li.menu-activo a{
    color: #fff;
}
/*nuevo menu*/

#navigation a{
    text-decoration: none;
}
#navigation ul li{
    /*padding: 10px 15px;*/
}
#navigation ul li{
    background:  url('/sites/all/themes/imas/images/css/separador-menu.png') no-repeat right center;      
}
#navigation ul li a{
    /*background: url('/sites/all/themes/imas/images/iconos/menu_sup/servicios_off.png') no-repeat left center;  */
    padding: 10px 15px 10px 22px;
    display: block;
}
#navigation ul li a[title="l'Institut"],
#navigation ul li a[title="El Instituto"]{
    background:  url('/sites/all/themes/imas/images/iconos/menu_sup/imas_off.png') no-repeat left center;          
    padding: 10px 15px 10px 22px;
}
#navigation ul li a[title="l'Institut"]:hover,
#navigation ul li a[title="El Instituto"]:hover{
    background: url('/sites/all/themes/imas/images/iconos/menu_sup/imas_on.png') no-repeat left center;
}
#navigation ul.menu li.menu-activo a[title="El Instituto"],
#navigation ul.menu li.menu-activo a[title="l'Institut"]{
    background: url('/sites/all/themes/imas/images/iconos/menu_sup/imas_off.png') no-repeat left center;
    padding: 10px 15px 10px 22px;
}
#navigation ul li a[title="Serveis i programes"],
#navigation ul li a[title="Servicios y programas"]{
    background: url('/sites/all/themes/imas/images/iconos/menu_sup/servicios_off.png') no-repeat left center;
}
#navigation ul li a[title="Serveis i programes"]:hover,
#navigation ul li a[title="Servicios y programas"]:hover{
    background: url('/sites/all/themes/imas/images/iconos/menu_sup/servicios_on.png') no-repeat left center;
}
#navigation ul.menu li.menu-activo a[title="Serveis i programes"],
#navigation ul.menu li.menu-activo a[title="Servicios y programas"]{
    background: url('/sites/all/themes/imas/images/iconos/menu_sup/servicios_off.png') no-repeat left center;
}

#navigation ul li a:hover, #navigation ul.menu li.menu-activo a{   
    background:  url('/sites/all/themes/imas/images/iconos/menu_sup/servicios_on.png') no-repeat left center;  
    display: block;
    padding: 10px 15px 10px 22px;
}
#navigation ul li:hover {
    position: relative;
}
#navigation ul.menu ul{
    display: none;
}
#navigation ul a:hover{
    position: relative;
}
#navigation ul.menu li:hover ul, #navigation ul.menu a:hover ul{
    display: inline;
    position: absolute;
    left: 0;
    top: 39px;
}
#navigation ul.menu ul.menu{
    width: 250px;  
    z-index: 100;
}
#navigation ul.menu ul.menu li{    
    /*background-color: #162f53;*/
    background-color: #009fe3;
    background-image: none;
    float: left;
    width: 80%;
    padding: 0;
    border-top: 1px solid #069;  
}
#navigation ul.menu ul.menu li{    
    display: block;    
    float: left;
    width: 220px;
    padding: 0;
    font-size: .9em;
    margin: 0 0 0 20px;
}
#navigation ul.menu ul.menu li a{    
    padding: 10px 25px;
    margin: 0;
    float: left;
    width: 77%;
    background:  url('/sites/all/themes/imas/images/css/vineta-tipo1_blanco.gif') no-repeat 10px 15px;
    background-color: #009fe3;
}
#navigation ul.menu ul li a:hover, #navigation ul.menu ul li:hover ul li  {
    display: block;
    color: black;
    background:  url('/sites/all/themes/imas/images/css/vineta-tipo1_negro.gif') no-repeat 10px 15px;
    background-color: white;
}

/*fin nuevo menu*/

.region-navigation {
}

/*
 * Main menu and Secondary menu links
 */

#main-menu {
}

#secondary-menu {
  float: right; /* LTR */
}

/*
 * Menu blocks
 */

.block-menu {
}

/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */

.block-menu-block {
}


/*720px samsung galaxy s3*/

@media all and (min-width: 0px) and (max-width: 720px){ 
    
    #header{
        width: 100%;
    }

    .not-front div#main {
	margin-top: 380px;
    }
    
    #navigation{
        float: left;
        margin: 110px 0 0 0;            
        width: 99%;
        /***/
        z-index:8;
        
    }
    
    #navigation ul{
      /* overflow: hidden; */ /* Sometimes you want to prevent overlapping with main div. */
      /*añadido*/     
      background-color: #224076;
      margin: 0;
      padding: 0;
      float: left;
      width: 100%;
      margin: 0;
      padding: 0;
    }    
    
    
    #navigation ul.links, #navigation ul.menu{       
        margin-top: -50px;
    }
    
    #navigation ul.menu li:hover ul, #navigation ul.menu a:hover ul {
        display: none;
    }
    
    .header-Notice{
        margin-top: 180px;
    }
    
    body{
        background: none;
    }
    
    #rteindent1{
        display: none;        
    }
    
  #navigation ul li{
  /* overflow: hidden; */ /* Sometimes you want to prevent overlapping with main div. */
  /*añadido por JM*/ 
  background-color: #009fe3;
  font-size: 1em; 
  display: block;
  float: left;
  width: 100%;
  z-index: 10000;
  position: relative;
  padding: 20px; 
  margin: 0;
  
}

#navigation ul.menu li,#navigation ul.menu li:hover{
  border-top:1px solid #fff;
  display: block;  
}

#navigation ul.menu li a:hover{
    text-decoration: underline;
}

#navigation ul li:hover, #navigation ul li ul{
  display: block;  
  position: relative;
  z-index: 10000000;
  float: left;
}
}