@charset "UTF-8";

/* 
    Created on : 2/03/2015, 07:43:09 AM
    Author     : OCTAVIO DE LA HOZ FRANCO
*/


/* Estilos logo Cibercolegios, Colegio y Seguros Bolívar */
    
    .img-ciber-mobile{
        display: none;
    }

    .img-ciber{
        float:left;
        margin: 9px 0px 0px 20px;    
    }
  
    .b-img-colegio{                
        text-align: center;
        margin-top:20px;
    }                        
    
    .b-img-sb{
        float:left;
        margin:10px 0px 0px 5px;
    }
    
    .b-txt-sb{
        float:left;
        margin:10px 0px 0px 5px;
        font-size:10px;        
        color:#666666;
    }

/* Estilos logo Cibercolegios, Colegio y Seguros Bolívar */

/* Estilos Menú Mobile*/

    .b-hd-menu-mob{
        float: left;
        display: none;
        margin: 0px 0px 0px 20px;
        width: auto;
        height: auto;
    }

/* Estilos Menú Opciones de Navegacion Superior */

    .b-hd-menu-opc{
        float: left;
        margin: 0px 0px 0px 20px;
        width: auto;
        height: auto;
    }

        ul#hd-menu-opc {
           float: left;
           display: block;   
           padding: 0px 5px 0px 0;   
           font-family: 'Open Sans',Arial,Helvetica,sans-serif;
           background-color: #006699;
           height: 40px;   
        }

        ul#hd-menu-opc, ul#hd-menu-opc ul {
           list-style:none;
           margin:0;
        }

        ul#hd-menu-opc,ul#hd-menu-opc .hd-submenu-opc {
           background-color:#2C5E7B;
        }

        ul#hd-menu-opc .hd-submenu-opc {
           background-color: #FFFFFF;
           border: 1px solid #143E5E;
           display: none;
           float: left;
           left: 0;
           padding: 0px;
           position: absolute;
           top: 100%;
           width: auto;
        }

        ul#hd-menu-opc li:hover>* {
           display:block;
        }

        ul#hd-menu-opc li:hover {
           position:relative;
           z-index: 2;
        }

        ul#hd-menu-opc ul .hd-submenu-opc {
           left:100%;
           position:absolute;
           top:0px;
        }

        ul#hd-menu-opc ul {
           padding:0px; /*padding interior en col*/
        }

        ul#hd-menu-opc .col {
           float:left;
           width:auto;
           /*margin-right:50px*/
        }

        ul#hd-menu-opc li {
           float:left;
           font-size:0;
           white-space:nowrap;
        }

        ul#hd-menu-opc>li,ul#hd-menu-opc li {
           margin:0 0 0 5px;
        }

        ul#hd-menu-opc ul>li {
           margin:5px 0 0;
        }

        ul#hd-menu-opc a:active,ul#hd-menu-opc a:focus {
           outline-style:none;
        }

        ul#hd-menu-opc a {
           border-style:none;
           border-width:0;
           color:#FFFFFF;
           cursor:pointer;
           display:block;
           font-size:13px;
           padding:14px 10px;
           text-align:left;
           text-decoration:none;
           vertical-align:middle;
        }

        ul#hd-menu-opc ul li {
           float:none;
           margin:0px 0px 0px 0px;
        }

        ul#hd-menu-opc ul a {
           background-color:#fff;
           color:#666666;
           font-size:13px;
           padding: 4px 10px 4px 10px;/*Padding menu interior*/
           text-align:left;
           text-decoration:none;
           margin-left: 0px; /*Margen Letras Interior Sub*/
        }

        ul#hd-menu-opc li:hover>a {
           border-style:none;
           color:#FFFFFF;
           font-size:13px;
           text-decoration:none;
           background-color:#1369AA;
        }

        ul#hd-menu-opc img {
           border:none;
           margin-right:8px;
           vertical-align:middle;
        }

        ul#hd-menu-opc span {
           background-position:right center;
           background-repeat:no-repeat;
           display:block;
           overflow:visible;
           padding-right:0;
        }

        ul#hd-menu-opc ul span {
           padding-right:20px;
        }

        ul#hd-menu-opc ul li:hover>a {
           border-color:#444;
           border-style:solid;
           color:#FFFFFF;
           font-size:13px;
           text-decoration:none;
        }

        ul#hd-menu-opc > li >a {
           background-color:transparent;
           height:12px;
           line-height:12px;
        }

        ul#hd-menu-opc > li:hover > a {
           background-color: #183343;
           line-height:12px;
        }
        
        ul#hd-menu-opc > li:hover > img {
           background-color: #183343;
           line-height:12px;
        }
 
/* Fin Estilos Menu Navegación Superior Principal */

    
/*Estilos Estándares Menus Superior*/

    .img-conf{
        float:left;
        width:auto;
        height:auto;
        margin-top:10px;
        cursor:pointer;        
    }
    
    .img-menu-mobile{
        float:left;
        width:auto;
        height:auto;
        padding: 10px 10px 8px 10px;        
        cursor:pointer;        
    }
    
    .img-menu-mobile:hover{
        background-color: #183343;
    }

    .link-opc-conf{
        float:left;
        width:100px;
        font-size: 13px;        
    }
    
    .link-opc-conf:hover{
        background-color: #DDDDDD;
    }    
    
    .link-opc-conf img{
        display: inline-block;
        vertical-align: middle;
        margin:5px 5px 5px 10px;
    }
    
/* Fin Estilos Estándares Menus Superior */

/* Estilos Menu Configuración Superior */
    
    .b-hd-menu-conf{
        float:right;
        margin-right: 5px;
        width:40px;
        height:auto;        
    } 

        #hd-menu-conf {
           list-style:none;
           width:auto;
           margin:0px;
           height:40px;
           padding:0px 0px 0px 0px;
        }

        #hd-menu-conf li {
           float:left;
           display:block;
           position:relative;
           padding: 0px 10px 0px 10px;
           height:40px;
        }

        #hd-menu-conf li a {
           padding: 1px 0px; 
           margin-top:0px;
           color: #666666; 
           display:block;
           outline:0;
           text-decoration:none;
        }

        #hd-menu-conf li:hover {
           background-color: #183343;
           color: #666666; 
           height:40px;
           cursor:pointer;
        }

        #hd-menu-conf li:hover a {
           color:#666666;
        }

        .hd-menu-conf-content {
           margin:40px auto;
           float:left;
           width:auto;
           position:absolute;
           left:-400em; /* Hides the drop down */
           text-align:left;
           padding:0px;
           border:1px solid #143E5E;
           border-top:none;
           background:#FFFFFF;
        }

        #hd-menu-conf li:hover .hd-menu-conf-content{
           left:-1px;
           top:auto;
        }

        #hd-menu-conf .menu-right{
           float:right;
           margin-right:0px;
        }

        #hd-menu-conf li:hover .align-right{
           left:auto;
           right:-1px;
           top:auto;
        }        
   
/* Fin Estilos Menu Configuración Superior */

/* Estilos Menu Informacion Usuario */

    .b-hd-menu-usr{
       float:right;
       margin:0px 5px 0px 0px;
       width:40px;
       height:auto;
    }
    
    .nombre-usr{
        float:left;
        width:165px;
        margin: 7px 5px 2px 15px;        
        font-size: 13px;        
    }
    
    .info-usr{
        float:left;
        width:165px;
        margin: 0px 5px 0px 15px;   
        font-size: 13px;       
    }    
    
    .info-usr-link{
        float:left;
        width:165px;
        margin: 2px 5px 2px 10px;
        font-size: 13px;        
    }
    
    .info-usr-link:hover{
        background-color: #DDDDDD;
    }
    
    .info-usr-link img{
        display: inline-block;
        vertical-align: middle;
        margin:5px 5px 5px 8px;
    }
    
    .hd-menu-separador{
        float:left;
        margin: 6px 10px 6px 7px;
        width:180px;
        height:1px;
        line-height:0;
        background: #DDDDDD;
    }
    
/* Estilos Menu Informacion Usuario */          

/* Estilos Menu Lateral de Navegación */

    .b-lf-menu-opc{
        float:left;
        margin-top:20px;
    }

        ul#lf-menu-opc {
            float:left;
            width: 160px;
            display:block;
            font-family: Oxygen,Arial,Helvetica,sans-serif;
            padding:15px 0px 15px 0px;
            background-color: #EEEEEE;
            border-top: 1px solid #E0E0E0;
            border-bottom: 1px solid #E0E0E0;
        }

        ul#lf-menu-opc,ul#lf-menu-opc ul {
            list-style:none;
            margin:0;
        }
       	
         ul#lf-menu-opc,ul#lf-menu-opc .subs_left {
            background-color:#F5F5F5;            
         }

      	
         ul#lf-menu-opc .subs_left {
            background-color:#FFFFFF;
            border-top: 1px solid #AAAAAA;
            border-bottom: 1px solid #AAAAAA;
            border-right: 1px solid #AAAAAA;
            border-left: 1px solid #AAAAAA;            
            display:none;
            float:left;
            left:100%;
            padding:0px;
            position:absolute;
            top:0;
            width:auto;
         }
      	
         ul#lf-menu-opc li:hover>* {
            display:block;
         }
           		
         ul#lf-menu-opc li:hover {
            position:relative;
         }      
    		
         ul#lf-menu-opc ul .subs_left {
            left:100%; /*Margen col sub*/
            position:absolute;
            top:0px;
         }
     	      		
         ul#lf-menu-opc ul {
            padding:0px;
         }
                  	      		
         ul#lf-menu-opc .col {
            float:left;
            width:auto;
         }
              		
         ul#lf-menu-opc li {
              float:none;/*cambie esteeeeeeeeeeeeee*/
              font-size:0;
              white-space:nowrap;
         }
            		
         ul#lf-menu-opc>li,ul#lf-menu-opc li {
              margin:0px;
         }
     	     		
         ul#lf-menu-opc ul>li {
              margin:5px 0 0;
         }
        		
         ul#lf-menu-opc a:active,ul#lf-menu-opc a:focus {
              outline-style:none;
         }
              		
         ul#lf-menu-opc a {
              border-style:none;
              border-width:0;
              color:#143E5E;
              cursor:pointer;
              display:block;
              font-size:13px;
              padding:6px 10px;
              text-align:left;
              text-decoration:none;
              vertical-align:middle;
         }
      	     		
         ul#lf-menu-opc ul li {
              float:none;
              margin:0px;
         }
      	       		
         ul#lf-menu-opc ul a {
              background-color:#fff;
              color:#666666;
              font-size:13px;
              padding: 4px 10px 3px 10px;
              text-align:left;
              text-decoration:none;
              margin-left: 0px; /*Margen Letras Interior Sub*/
         }

             		
         ul#lf-menu-opc li:hover>a {
              border-style:none;
              color:#FFFFFF;
              font-size:13px;
              text-decoration:none;
              background-color:#1F5279;
         }
            		
         ul#lf-menu-opc img {
              border:none;
              margin-right:8px;
              vertical-align:middle;
         }
       		    		
         ul#lf-menu-opc span {
              background-position:right center;
              background-repeat:no-repeat;
              display:block;
              overflow:visible;
              padding-right:0;
         }
      		      		
         ul#lf-menu-opc ul span {
              background-image:url("../images/arrow.png");
              padding-right:20px;
         }
      		        		
         ul#lf-menu-opc ul li:hover>a {
              border-color:#444;
              border-style:solid;
              color:#FFFFFF;
              font-size:13px;
              text-decoration:none;
         }
       	     		
         ul#lf-menu-opc > li >a {
              background-color:transparent;
              height:12px;
              line-height:12px;
         }
            		
         ul#lf-menu-opc > li:hover > a {
              background-color:#1F5279;
              line-height:12px;
         }

/* Estilos Menu Lateral de Navegación */

/**/
    @media (min-width: 50px) and (max-width: 480px) {
        
        .b-hd-menu-opc{
            display:none;
        }
        
        .b-hd-menu-mob{
            display: inline;
            margin: 0px 0px 0px 3px;
        }
        
        .img-ciber{
            display:none;
        }
        
        .img-ciber-mobile{
            float:left;
            margin: 3px 0px 0px 5px;
            display: inline;
        }
    }
    
    @media (min-width: 481px) and (max-width: 768px){
        
        .b-hd-menu-opc{
            display:none;
        }
        
        .b-hd-menu-mob{
            display: inline;
            margin: 0px 0px 0px 3px;
        }
        
        .img-ciber{
            display:none;
        }
        
        .img-ciber-mobile{
            float:left;
            margin: 3px 0px 0px 5px;
            display: inline;
        }
    }
/**/