/*fuentes pagina inesad.edu.bo modificada*/
@font-face {
	font-family: BebasNeueRegular;
	src: url(fonts/BebasNeue/BebasNeue-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/BebasNeue/BebasNeue-webfont.woff) format("woff"), url(fonts/BebasNeue/BebasNeue-webfont.ttf) format("truetype"), url(fonts/BebasNeue/BebasNeue-webfont.svg#BebasNeueRegular) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: FontAwesome;
	src: url(fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.4.0) format("embedded-opentype"), url(fonts/fontawesome/fontawesome-webfont.woff2?v=4.4.0) format("woff2"), url(fonts/fontawesome/fontawesome-webfont.woff?v=4.4.0) format("woff"), url(fonts/fontawesome/fontawesome-webfont.ttf?v=4.4.0) format("truetype"), url(fonts/fontawesome/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: tiefontello;
	src: url(fonts/tiefont/fontello.eot?14434071#iefix) format("embedded-opentype"), url(fonts/tiefont/fontello.woff?14434071) format("woff"), url(fonts/tiefont/fontello.ttf?14434071) format("truetype"), url(fonts/tiefont/fontello.svg?14434071#fontello) format("svg");
	font-weight: normal;
	font-style: normal;
}
  
body {
  	background-color:#cccccc !important; 
    font-family: "Droid Sans", Arial, Verdana, sans-serif; 
    font-size: 13px;
    color:rgb(42, 42, 42); 
}
 
/*Borde superior del logotipo*/
#theme-header {
	background: rgb(255, 255, 255); 
    margin: 2px auto 2px; 
    border-top-color:#0b7577; 
    border-top-width: 3px; 
    border-top-style: solid; 
    position: relative;
}

/*uso en el area del logo en la aparte superior despues de la linea*/
.NombreUsuario {
	border-width: 0px 0px 0px 1px; 
    border-style: solid; 
    border-color: rgb(204, 204, 204);
    margin: 10px 10px 0px 0px; 
    padding: 0px 10px; border-image: none; color: rgb(102, 102, 102); text-transform: uppercase; font-size: 10px; font-weight: bold; 
    float: right !important; 
}

/*Uso Mantiene en el cajoncito el logo (la cabecera) y el menu*/
.boxed#wrapper #theme-header {
    width:80%; 
    box-shadow: 0px 0px 3px #cacaca; 
    -webkit-box-shadow: 0 0 3px #CACACA; 
    -moz-box-shadow: 0 0 3px #cacaca;
}

 #main-content {
    width:80%; 
    background: rgb(255, 255, 255);  /*si se comenta esta linea da sensacion de flotacion de objetos*/
    /*top, right, bottom, left*/
    margin: 10px auto 25px; 
    position: center; 
    -webkit-transform: none; 
}
  /*Uso Mantiene en el cajoncito del logo (el contenido)*/
 #cajoncitoContenido{
    position:relative;
    box-shadow: 0px 0px 3px #cacaca; 
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    /*top, right, bottom, left*/
    padding: 20px 60px 40px 60px;
}
/*Menu */
 #menu {
    min-height: 35px; 
    background: rgb(45, 45, 45);/*#2D2D2D*/
    margin: 0px auto; 
    border-bottom-color: #0b7577; 
    border-bottom-width: 5px; 
    border-bottom-style: solid; 
    box-shadow: inset -1px -5px 0px -1px #393939;
}

 #menu ul /*cajas de menu y submenu-- liena anaranjada arriba*/
{
    /*background: rgb(45, 45, 45) !important;*/
    border-top-color: rgb(248, 140, 0);
    border-top-width:2px;
    border-top-style:solid;
    top: -2px;  
}
    #menu ul li {
        /*padding abajo ,izquierda,arriba, derecha*/
        padding: 2px 10px 10px 10px;
        border-width: 0px 0px 0px 1px;
        border-style: solid;
        border-color: rgb(34, 34, 34);
        /*estas 2 solucopmarpm*/
        /*min-height:40px;*/ /*altura submenu*/
        background: rgb(45, 45, 45) !important;
        /** */
        font-size: 13px;
        float: left;
        display: inline-block;
        position: relative;
        
    } 
 /*colores submenu*/
        #menu ul li a {
            color: rgb(221, 221, 221);
            /*background: rgb(45, 45, 45) !important;*/
            /*min-height: 40px;*/
            /*height: 333px; 
     
     background: rgb(45, 45, 45);*/
            /*line-height: 47px;*/ /*alto de submenu*/
            display: inline-block;
            position: relative;
            transition: all 0.5s ease;
        } 
 
/*USO este es el triangulo del submenu: talvez por el tipo de objetos no reconoce le menuitem
      ul > li.menu-item-has-children:hover > a::after {
	border-width: 0px 8px 8px; border-style: solid; border-color: transparent transparent #0b7577; animation:fadeInDown 0.2s ease-in; left: 20px; top: 36px; width: 0px; display: block; position: absolute; z-index: 200; content: ""; -webkit-animation: fadeInDown .2s ease-in; -moz-animation: fadeInDown .2s ease-in;
} */

 /*#menu ul> li:hover> a::after {
    border-width: 0px 8px 8px; border-style: solid; 
    border-color: transparent transparent #0b7577;
    animation:fadeInDown 0.2s ease-in; 
    left: 20px;
    top: 32px;
    width: 0px; display: block;
    position: absolute; z-index: 200; content: ""; 
    -webkit-animation: fadeInDown .2s ease-in;
    -moz-animation: fadeInDown .2s ease-in;
}*/ 

/* submenu esto es dentro*/
    #menu ul ul li {
        background: rgb(45, 45, 45);
        border-width: 0px 0px 1px;
        border-style: none none solid;
        border-color: currentColor currentColor rgb(51, 51, 51);
        margin: 0px !important;
        width: 100%;
        height: auto !important;
        font-size: 12px;
        transition: all 0.5s ease;
    } 
 
 /*Uso Efecto de submenu qu se mueve*/
 #menu ul ul li:hover> a {
    color: rgb(255, 255, 255);
     padding-right: 5px; 
     padding-left: 20px;
} 
/*fin menu*/

.piePagina a {
    color: #007476;
    text-decoration: none;
}
.piePagina a:hover {
	color: rgb(0, 0, 0);
}

.piePagina {
    position: fixed;
    bottom: 0;
    width: 100%;
  	background: rgb(51, 51, 51); 
    padding: 20px 0px;  
    color: rgb(221, 221, 221); 
    margin-top: 20px; 
    border-top-color: #0b7577; 
    border-top-width: 8px;
    border-top-style: solid; 
    box-shadow: 0px -8px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 -5px 0 rgba(0, 0, 0, .1); 
    -moz-box-shadow: 0 -8px 0 rgba(0, 0, 0, .1);
}