body {

    font-family: 'Gudea';      
    /*font-family: 'Crimson Text', serif;*/
    /*font-family: 'Minion Pro', sans-serif;*/
    /*font-family: 'Montserrat', sans-serif;*/
    /*font-size: calc(0.20em + 1vmin);*/
    /* font-size: 0.8em;*/
    }



     /* filtros opacidad on*/

    .grayscale { filter: grayscale(100%); }
    .rss.opacityon { filter: opacity(40%); }

    /* filtros opacidad off*/
    .rss.opacity.off { filter: opacity(100%); }

    #popup {
        left: auto; /*0*/
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1001;
    }
	
	#ebooks {
        /*margin:0px auto;
        margin-top:120px;
		left: 0;*/
		margin-top: 250px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1001;
    }

    .content-popup {
        margin:0px auto;
        margin-top:auto;
        position:relative; 
        padding:10px;
        width:450px;
        min-height:300px;
        border-radius:4px;
        background-color:#FFFFFF;
        box-shadow: 0 2px 5px #666666;
        height: auto !important;
    }
	
	 .content-popup-ebook {
        margin-left: 30%; /*200px;*/
        margin-right: 70%; /*200px;*/
        margin-top: auto; /*250px;*/
        position:relative; 
        padding:10px;
        width: 30%; /*350px;*/
        /*min-height:250px;*/
        border-radius:4px;
        background-color:#FFFFFF;
        box-shadow: 0 2px 5px #666666;
        /*height:170px;*/
        height: auto !important;
    }

    .content-popup h2 {
        color:#48484B;
        border-bottom: 1px solid #48484B;
        margin-top: 0;
        padding-bottom: 4px;
    }

    .popup-overlay {
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 999;
        display:none;
        background-color: #888;
        cursor: pointer;
        opacity: 0.7;
    }

    .close {
        position: absolute;
        right: 15px;
    }


    /* espacio academico */

    .heading {
	  color: #fff;
	  cursor: pointer;
	  position: relative;
	  /*background-color: #FFF;*/
	  padding-top: 0em;
	  padding-bottom: 0em;
	}
	
    /*
	.heading img {
	  padding: 0 !important;
	}
	*/

  

       

        th, td
        {
	        padding: .5em 1em;
	        vertical-align: top;
	        /*text-align: left;*/
	        border-bottom: none;
            /*border-top: none;*/
            /*width: 100%;*/
        }

    #marco {
        /* border: 3px solid #000;*/
        position: absolute;
        width: 300px;
        height: 25px;
        z-index: 2;
        /*top: -20px;*/
        /*left: 20px;*/
    }


   .table td{border-top: none;} /* modifica table del bootstrap*/
   .table {border-bottom: none; border-top: none;} /* evita raya en el total cesta mini*/
    .tiendamini .table td {border-top: none;}
    .tiendamini .table  {border-bottom: none; border-top: none;    }

   /*** move top **/
        #toTop {
	        display: none;
	        text-decoration: none;
	        position: fixed;
	        bottom: 35px;
	        right: 30px;
	        overflow: hidden;
	        width: 43px;
	        height: 36px;
	        border: none;
	        text-indent: 100%;
	        background: url(../images/to-top.png) no-repeat 0px 0px;
	        z-index: 999;
        }
        #toTopHover {
	        width: 35px;
	        height: 35px;
	        display: block;
	        overflow: hidden;
	        float: right;
	        opacity: 0;
	        -moz-opacity: 0;
	        filter: alpha(opacity=0);
        }
        #toTop:active, #toTop:focus {
	        outline: none;
        }



        .navbar {background-color: #000; }


        /* set the background-color BootStrap personalizado to black deep #000 */
        .navbar-inner {
          background-color: #000 !important;
          background-repeat: repeat-x;
          color:#fff; 
          border: none;

        }

        .navbar-inverse .nav .active>a, .navbar-inverse .nav .active>a:hover, .navbar-inverse .nav .active>a:focus{
            background-color: #000;
            color:#fff;
        }

        .dropdown-menu{background-color: #000;padding-left: 5px;}
        .navbar-inverse .brand, .navbar-inverse .nav>li>a{color: #fff;}
        .navbar-inverse .nav .dropdown-header{color:#000;}
        .navbar-inverse .nav li.dropdown.open>.dropdown-toggle, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle{
            background-color: #000;
        }

        .nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a{color:#fff;}
        .nav-collapse .nav>li>a:hover, .nav-collapse .dropdown-menu a:hover{background-color: #000 !important;background-repeat: repeat-x;color:#fff;}
        .navbar-inverse .nav li.dropdown>.dropdown-toggle .caret {border-top-color: #fff;border-bottom-color: #fff;}
        .navbar .nav li.dropdown>.dropdown-toggle .caret{border-top-color: #fff;border-bottom-color: #fff;}
        .navbar-inverse .divider-vertical {border-right-color: #371c09;border-left-color: #291306;}

        .dropdown-menu > li > a {
            display: block;
            /*padding: 3px 20px;*/
            clear: both;
            font-weight: normal;
            /*line-height: 20px;*/
            color: #ffffff;
            background-color: #000;
            white-space: nowrap;
        }

        .navbar .nav>li>.dropdown-menu:after {border-bottom: none;} /*Evita marco en dropdown-menu*/
        .nav a{color: white !important;font-size: 1.175em !important;} /*tamaño letras menú*/
        /*.dropdown-backdrop {z-index: 0;} */
    
         /*ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; }*/
         /*hace que funciones el submenu con el link NO QUITAR*/

         
    input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #888;
    opacity: 1; /* Firefox */
}



    @media (max-width: 767px) { /*ajusta lateraes en moviles*/
        body {padding-right: 0px;padding-left: 0px;}
        #navbar a {display: block;}
         ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; }
         ul.nav li.dropdown:hover > ul.dropdown-menu{
        display: block; 
        /*hace que funciones el submenu con el link NO QUITAR*/
        }
    }

    @media (max-width: 980px) {
        #aniversario {
            display: none;
        }
        /*oculta aniversario en mobile*/
        #footer {
            display: none;
        }

         ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; }
         ul.nav li.dropdown:hover > ul.dropdown-menu{
            display: block; 
            /*margin: 0;*/
            /*hace que funciones el submenu con el link NO QUITAR*/
        }    
    }