html, body {
  width: 100%;height:100%;
  margin: 0; 
  padding: 0; 
   
} 

body {
	font-family: Tahoma, "Times New Roman", Times, serif;
	color: #000;
	/*display: table;*/
}

body {
color:#404000;
/*background :#ffffcc; no para campusiidl*/
margin :0;
font-size: 14px;
}
textarea, input, select {
/*font-family: Tahoma,"Times New Roman", Times, serif; no para campusiidl*/
}
form {
display : inline;
}
.selectcss {border:1px solid #c0c0c0;font-size:1em}
.submicss {font-size:1.3em}

[disabled] { 
color:#933;
background-color:#ffc;
}

[readonly] {
color:#933;
background-color:#ffc;
}

table {border-collapse: collapse;width:100%;}
td, th {border: 1px solid #f0f0f0;}
.topnob {vertical-align:top;border:0px}

textarea, input, select {
vertical-align:middle;
padding:0px;
margin-bottom:3px;
font-size:.9em
}
#txtarea {
display:block;
width:99%;
padding:0.5%;
margin:0;
border:1px solid #f0f040;
background-color:#fffff0;
overflow:auto;
}
.hr1 {border: 0;color: #c9c9c9;background-color: #c9c9c9;height: 1px}

.help {
cursor: help;
}
.fl{
float:left
}
.fr {
float:right
}
.di{
display:inline
}
a {
text-decoration : none;
} 
a:hover {
text-decoration : underline;
} 
.ri {text-align: right}
.hover {
background :#E8FEAD /* #ffffcc;*/
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;margin:0;padding:0
}
img, iframe {
border:0px;vertical-align:middle;
}
.paddhoriz {padding:0 5px}
.ajustar1 {float:left;width:47%;text-align:right;padding:.5em 0}
.ajustar2 {float:left;width:48%;padding:.5em 0;padding-left:.5em}
.padded-table td,th { padding:5px; }
.login {
margin-left:auto; margin-right:auto;
}
.login td {
background:#FFEDED;vertical-align:middle
}
.mt1 {
margin-top:1px
}
.mr5 {
margin-right:5px
}
.transp {
background-color:transparent
}
.verde, .verde1 {
color : #278d07; 
}
.rojo {
color : #800000; 
}
.b {
font-weight : bold; 
}
.nob {
color : #999999;
}
#esperar {
font-size : 1.1em; 
color : #800000; 
font-weight : bold; 
}
.inline {
display : inline; 
} 
.peq {
font-size :.8em; 
} 
.mediana {
font-size :1.3em; 
}
.grande {
font-size :1.5em; 
}
.centrada {position:absolute;top:25%; left:25%; width:50%; height:50%; overflow:auto;}
.centrada1 {position:absolute;top:40%; left:30%; width:40%; height:20%; overflow:auto;}
.center {
clear:both;
text-align : center; 
padding : 5px; 
}
.center1 {
text-align : center; 
padding : 5px; 
}
.u {
font-style : italic; 
}
.interli {
line-height: 20px;
}
.justify {
text-align:justify;
}
fieldset {
margin:5px;
}
legend {font-weight : bold;
font-size:1.5em;color:#565afe;padding:5px
}
.legend1 {
color:white;
background:#195A9C;
}
.cajita {border:1px solid #87abf3;padding:5px;margin-bottom:5px;background:#e6e6f8}
#caja {
padding-left:5px;
float : left;
width : 82%;
}
#cajag {
padding-left:5px;
float : left;
width : 98%;
} 
#caja1 {
padding:5px;
background : white;
width: 99%; 
border : 1px solid #c0c0c0; 
border-radius: 0 10px 10px 10px;  
-moz-border-radius: 0 10px 10px 10px;  
-webkit-border-radius: 0 10px 10px 10px; 		
}
.contiene {overflow: hidden;}
/*.cuadrito {border:1px outset;width:18px}*/
.borde {border:1px solid;padding : 8px; margin : 5px 5px 15px 5px;
border-radius: 10px;  
-moz-border-radius: 10px;  
-webkit-border-radius: 10px;
border-color:#c0c0c0;		
}
.borde2 {border:1px solid;padding : 2px;margin : 0px 5px 0px 5px;
border-radius: 10px;  
-moz-border-radius: 10px;  
-webkit-border-radius: 10px;
border-color:#c0c0c0; 		
}
.borde3 {border:1px solid;padding : 5px; margin : 5px 5px 5px 5px;
border-radius: 10px;  
-moz-border-radius: 10px;  
-webkit-border-radius: 10px;
border-color:#c0c0c0; 		
}
.colorbl {color:white}
.bordebl {border:1px solid white}
.yell {background:#ffffcc}
.yell1 {background:#ffff99} /*#ffff66*/
.whit {background:white}
.rosa {background:#FFEDED} 
.verdec {background: #E6FFDD}
.verdec1 {background: #f8fff6}
.gris {background:#f5f5f5}
.amarillo {background:#FFFF00}
.red {background:#FF0000}
.red1 {background:#9999cc;color:white}
.naranja{background:#ff9900}
.azul{background:#635ea6}
.wid100 {width : 100%;}
.wid95 {width : 95%;}
.wid98 {width : 98%;}
.wid90 {width : 90%;}
.wid85 {width : 85%;}
.wid35 {width : 35%;}
.wid30 {width : 30%;}
.wid60 {width : 60%}
.wid68 {width : 68%}
.wid70 {width : 70%;}
.wid75 {width : 75%;}
.wid50 {width : 50%;}
.wid22 {width : 22%;}
.wid14 {width : 14%;}
.wid15 {width : 15%;}
.wid16 {width : 16%;}
.wid27 {width : 27%;}
.wid40 {width : 40%;}
.wid8 {width : 8%;}
.wid1 {width : 1%;}
.wid0 {width : 0%;}
.wid46px {width:46px}

.both {
clear:both;
} 
.cerrar {
position:absolute;
top:2px;
right:2px
}
.nowrap {
white-space:nowrap;
}
.fl22 {
clear:both;
float:left; 
display:inline;
}
#navh {
padding : 0; 
margin : 0;
padding-top:.9em;
padding-bottom:.4em; /*.5em;*/
padding-right:.5em
border-bottom : 1px solid #c0c0c0;
white-space:nowrap;
font-size :.9em;

} 
#navh li {
list-style : none; 
margin-left : 3px; 
display : inline;
border-radius: 10px 10px 0 0;  
-moz-border-radius:  10px 10px 0 0;  
-webkit-border-radius:  10px 10px 0 0; 		
} 
#navh li {
background : white; 
padding : .4em .5em; 
border : 1px solid #c0c0c0; 
border-bottom : 0px; 
background-image : url(/humansite/imag/grad.png);
background-position : 50% 0%; 
background-repeat : repeat-x; 
} 
#navh li a:hover {
border-color : #c0c0c0; 
} 
#navh li#active  {
border-bottom : 3px solid white; 
font-weight : bold;
background : white;
}
.dh {
font-weight : bold; 
border:1px solid green;
}
#calendariop th {text-align:center;}
#calendariop td {vertical-align : top;text-align:center;}
#calendario td {
width : 14%; 
height : 5em; 
vertical-align : top; 
padding :0; 
} 
#calendariog td {
width : 14%; 
height : 9em; 
vertical-align : top; 
padding : 0;
font-size:.9em
} 
#calendariop td {border:none}

.cab {
/*width:100%;*/
height:59px;
background:white;filter:Alpha(Opacity=80);-khtml-opacity:.8;-moz-opacity:.8;opacity:.8
}
.fondo2 {
background:white url('/humansite/imag/foncab.png');filter:Alpha(Opacity=90);-khtml-opacity:.9;-moz-opacity:.9;opacity:.9;background-position:right;background-repeat:no-repeat;
}
#linea{
clear:both;width:100%;height:5px;background-image:url(/humansite/imag/degradhoriz.png);
background-repeat:repeat-x;background-position:top;font-size:5px;
filter:Alpha(Opacity=50);-khtml-opacity:.5;-moz-opacity:.5;opacity:.5
}

div.redond1{ margin: 1px 0px 3px 1px}
div.redond2{ margin: 1px 0px 3px 1px}

b.rtop, b.rbottom{display:block}
b.rtop b{display:block;height: 1px;overflow: hidden}
b.rbottom b{display:block;height: 1px;overflow: hidden}
b.r1t{margin: 0 5px;border-right:1px solid #c0c0c0;border-left:1px solid #c0c0c0;border-top:1px solid #c0c0c0}
b.r1b{margin: 0 5px;border-right:1px solid #c0c0c0;border-left:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0}
b.r2{margin: 0 3px;border-right:1px solid #c0c0c0;border-left:1px solid #c0c0c0}
b.r3{margin: 0 2px;border-right:1px solid #c0c0c0;border-left:1px solid #c0c0c0}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px;border-right:1px solid #c0c0c0;border-left:1px solid #c0c0c0}
div.tit{font-size: 100%;margin:0;padding: 0 0 3px 3px;border-right:1px solid #c0c0c0;border-left:1px solid #c0c0c0}

.navv {
margin :0px; 
padding :0px;
}

.navv li {
list-style:none;
} 

.navv a {
border-top:1px solid #E7E7E7;
border-right:1px solid #c0c0c0;border-left:1px solid #c0c0c0;
display : block;padding-left:1em 
}

.navv a:hover {
text-decoration:none;
background-color:#E8FEAD
} 

.navv li#active a{
color:red;
background-color:#E8FEAD;
}

table {
	border-spacing:1px;
}
tbody th {
	text-align:center;
	}
tbody th {
	background-color:#ffff66; 
}

table.conhover tr:hover td {
	background-color: #e8fead;
}

div.conhover  div:hover{
	background-color: #e8fead;
}

.blanca {
	background-color:white
}
.blanca tr td {background:white;vertical-align:top;}

#CentradaLS {
display:block;margin:auto;
width:786px; 
}

#mando{
	height:auto;
	width:auto;
	margin:auto;
	background:#ff0000;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 99;
}

#mandotw{
	height:auto;
	width:auto;
	margin:auto;
	background:white;
	position: fixed;
	bottom: 0px;
	right: 1px;
	z-index: 99;
	border:1px solid black;
}

.cabazul {color:white;background-color:#7f95e0;padding:1px}
.cabgris {color:white;background-color:#c0c0c0;padding:1px}
.cabred {color:white;background-color:red;padding:1px}

.punte {color: #fff; background-color: #fff; border: 1px dotted #e1ddd6; border-style: none none dotted;}

.padd5 {padding:5px}

#taskbar{
        height:25px;
        width:100%;
        margin:auto;
        
        position: fixed;
        bottom: 0;
        z-index: 99;
}
#taskbar #container{
        background-color:#E5E5E5;
        border:1px solid #B5B5B5;
        display:block;
        margin-left:15px;
        margin-right:15px;
        height:25px;
}

/*------- blocks btns --------*/
#taskbar #container .block-left{
        position:relative;
        float: left;
        width:10%;
        height:25px;
        
        border-right:1px solid #B5B5B5;
}
#taskbar #container .block-center{
        position: relative;
        float: left;
        width: 50%;
        height:25px;
        
        border-right:1px solid #B5B5B5;
}
#taskbar #container .block-right{
        position: relative;
        float: left;
        width: 25%;
        height:25px;
        
        border-right:1px solid #B5B5B5;
}

#taskbar #container .btns{
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        padding:3px;
        display:inline-block;
        vertical-align:middle;
        line-height:14px;
}

.fichacol1 {width:250px;float:left;display:inline;padding-right:10px}
.fichacol2 {margin-left:250px}
.fichacol21 {padding-right:10px;width:47%;float:left;display:inline}
.fichacol22 {width:47%;float:left;display:inline}

.comentario {background:#e1eaea;margin-bottom:2px}

.modal_box{
    position:fixed;
    background:#FFEDED;
    border-radius:5px;
    border: 2px solid #f0f0f0;
    box-shadow:0 1px 2px 0 #000;
    top:25%;
    left:30%;
    width:40%;
    padding:20px;
}