#hojarasca {
	width:100%;
	overflow:auto;
	text-align:justify;
	word-spacing:normal;
	white-space: pre-line;
}
@font-face{
font-family:FreestyleScript;
src:url(FREESCPT.TTF) format('truetype');
}
.forma {
	border: 1px solid #000000;
	font-family: Verdana;
	font-size: 12px;
}

.boton {
	font-family: Verdana;
	font-size: 10px;
	background-color: #FCD68D;
	border: 1px solid #000000;
}

contornoAma {
	border: 1px solid #FCD68D;
}
#scri {
	position:absolute;
	width:600px;
	height:300px;
	left:200px;
	top:200px;
	background-color: #FFF;
	border: 5px solid #999;
	visibility: hidden;
	overflow:auto;
}
#scri2 {
	float:right;
	width:90%;
	padding-right:4%;
		overflow:auto;
}
.Hojas {
	font-family: Verdana;
	font-size: 12px;
	background-color: #EFEFEF;
	margin-top:0px;
	margin-left:0px;
    margin-right:0px; 
	margin-bottom:0px;
	width:100%;
	height:100%;
}
.LetraBlanca {
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
}
.LetraNegra {
	font-family: Verdana;
	font-size: 12px;
	color: #000;
}
.LetraRojaChica {
	font-family: Verdana;
	font-size: 10px;
	color: #FF3300;
}
.LetraBlancaChica {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
}
.GrisBlancoCelda {
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #666666;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
}
.RojoBlancoCelda {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #FF3300;
}
.BordesGrices {
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #333333;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}.LetraMenu {
	font-family: Verdana;
	font-size: 10px;
}
.renglon {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
}
.renglon_dere {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
	border-right-color: #CCCCCC;
}
.renglon_izq {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.renglon_dere_izq {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.l1b
{
    BACKGROUND-COLOR: #919191;
	font:normal;
	color: #FFFFFF;
}

.renglon2 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #666666;
	BACKGROUND-COLOR: #919191;
	font:normal;
	color: #FFFFFF;
}
.tablaPunte {
	border: 1px dotted #000000;
}

/* tarefas iniciadas */
table#tarefas_pend{
	width: 100%;
	padding: 2px;
	font-size: 9px;
		color: #000;
}

table#tarefas_pend tr td {
	background:#fff;
		padding: 5px;
		border-bottom: 1px solid #ddd;
}
table#tarefas_pend tr.dif td {
	background: #FAFAFA;
		color: #000;

}
table#tarefas_pend tr.title td {
	background: #6A8CDB;
	color: #FAFAFA;
	font-weight: bold;
	text-align:center;
	padding: 2px;
	font-size:1.2em;
}

table#tarefas_pend a{
PADDING-RIGHT: 18px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 0px; COLOR: #336699; PADDING-TOP: 0px; TEXT-DECORATION: none; font-weight: bold;
}

table#tarefas_pend a:hover{
 COLOR: #FF9900; TEXT-DECORATION: none
}



#curso {
	position:absolute;
	width:600px;
	height:300px;
	left:250px;
	top:200px;
	background-color: #FFF;
	border: 5px solid #999;
	visibility: hidden;
	overflow:auto;
}
#citas {
	position:absolute;
	width:600px;
	height:300px;
	left:300px;
	top:200px;
	background-color: #FFF;
	border: 5px solid #999;
	visibility: hidden;
	overflow:auto;
}

/*TASKBAR*/
#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:30%;        
height:25px;                
border-right:1px solid #B5B5B5;
}
#taskbar #container .block-center{        
position: relative;        
float: left;        
width: 69%;        
height:25px;                
border-right:1px solid #B5B5B5;
vertical-align:middle;
}
#taskbar #container .block-right{        
position: relative;
float:right;        
width: 1%;        
height:25px;                
border-right:1px solid #B5B5B5;
vertical-align:top;
}


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

/*MENU2*/
.menu {position:relative;width: 100%; height:35px; background:#ddd; z-index:10; font-family: arial, sans-serif;

}
.menu, .menu ul {padding:0; margin:0; list-style:none;}
.menu li.main {float:left;}
.menu li.main > a {display:block; padding:0 10px; color:#000; text-decoration:none; font:bold 12px/35px arial, sans-serif;}
.menu .holder {position:absolute; top:35px; left:-9999px; width:750px; padding:10px 0; z-index:10; text-align:center;}
.menu .holder .back {position:absolute; left:0; top:0; width:750px; height:100%; background:#000; opacity:0;
-o-border-radius: 0 0 8px 8px;
-ms-border-radius: 0 0 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-moz-transform-origin:0 0;
-ms-transform-origin:0 0;
-o-transform-origin:0 0;
-webkit-transform-origin:0 0;
transform-origin:0 0;
-moz-transition: -moz-transform 0.25s linear;
-ms-transition: -ms-transform 0.25s linear;
-o-transition: -o-transform 0.25s linear;
-webkit-transition: -webkit-transform 0.25s linear;
transition: transform 0.25s linear;
}

div.framey {display:inline-block; background:#fff; padding:10px;
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
-moz-transform: scaleY(0.1);
-ms-transform: scaleY(0.1);
-o-transform: scaleY(0.1);
-webkit-transform: scaleY(0.1);
transform: scaleY(0.1);
-moz-transition: -moz-transform 0s linear 0s;
-ms-transition: -ms-transform 0s linear 0s;
-o-transition: -o-transform 0s linear 0s;
-webkit-transition: -webkit-transform 0.5s linear 0s;
transition: transform 0s linear 0s;
}
div.framey {*display:inline;}
div.framex {display:inline-block; position:relative;
-moz-transform: scaleX(0.1);
-ms-transform: scaleX(0.1);
-o-transform: scaleX(0.1);
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
-moz-transition: -moz-transform 0s linear 0s;
-ms-transition: -ms-transform 0s linear 0s;
-o-transition: -o-transform 0s linear 0s;
-webkit-transition: -webkit-transform 0s linear 0s;
transition: transform 0s linear 0s;
}
div.framex {*display:inline;}

.menu .holder .framex .subContent {opacity:0; margin:0 auto;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.menu li.main:hover {direction:ltr;}
.menu li.main:hover > a {color:#fff; background:#808080;
-o-border-radius: 8px 8px 0 0;
-ms-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
} 
.menu li.main:hover .holder {left:0;}
.menu li.main:hover .holder .back {left:0; opacity:0.5; filter: alpha(opacity=50);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 -moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
-webkit-transform: scaleY(1);
transform: scaleY(1);
-moz-transition: -moz-transform 0.25s linear;
-ms-transition: -ms-transform 0.25s linear;
-o-transition: -o-transform 0.25s linear;
-webkit-transition: -webkit-transform 0.25s linear;
transition: transform 0.25s linear;
}

.menu li.main:hover .holder .framex {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-moz-transition: -moz-transform 0.5s linear 0.75s;
-ms-transition: -ms-transform 0.5s linear 0.75s;
-o-transition: -o-transform 0.5s linear 0.75s;
-webkit-transition: -webkit-transform 0.5s linear 0.75s;
transition: transform 0.5s linear 0.75s;
}
.menu li.main:hover .holder .framey {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-moz-transition: -moz-transform 0.5s linear 0.25s;
-ms-transition: -ms-transform 0.5s linear 0.25s;
-o-transition: -o-transform 0.5s linear 0.25s;
-webkit-transition: -webkit-transform 0.5s linear 0.25s;
transition: transform 0.5s linear 0.25s;
}

.menu li.main:hover .holder .framey .subContent {
opacity:1;
-webkit-transition-delay: 1.25s;
-moz-transition-delay: 1.25s;
-ms-transition-delay: 1.25s;
-o-transition-delay: 1.25s;
transition-delay: 1.25s;

}

ul.sub {text-align:left;}
ul.sub h5 {padding:5px 0 0 0; margin:0; color:#3B5998; font-size:12px; width:140px; line-height:20px;}
ul.sub li.sub {width:150px; float:left;}
ul.sub li.bottomLine {clear:left; padding-top:5px;}
ul.sub li.bottomLine p {font:bold 12px/18px arial, sans-serif; padding:0; margin:0;}
ul.sub li.sub ul li a {font:12px/18px arial, sans-serif; color:#000; text-decoration:none; padding:0 10px 0 0;}
ul.sub li.sub ul li a:hover {text-decoration:underline;}
/*FIN MENU2*/

/*3 BARRAS*/
#barra-sup{        
height:70px;        
width:100%;        
margin:auto;
position:fixed;      
top:0px;
left:0px;
z-index: 99;
}
#barra-sup #contenido{        
background-image:url(img/button1.gif);
display:block;        
height:35px;
}
#barra-sup #contenido2{        
background-image:url(img/fondos/navi_back.gif);
display:block;        
height:35px;
position:relative;
}

/*3 BARRAS HIJOS*/
#barra-sup #contenido .block-left{        
position:relative;        
float: left;        
width:30%;        
height:35px; 
color:#FFF;
padding-top:6px;
font-weight:bold;
}
#barra-sup #contenido .block-center{        
position: relative;        
float: left;        
width: 40%;        
height:35px;                
padding-top:6px;
color:#FFF;
text-align:center;
font-weight:bold;
}
#barra-sup #contenido .block-right{        
position: relative;
float:right;        
width: 30%;        
height:35px;                
text-align:right;
padding-top:5px;
}
#barra-sup #contenido2 .block-left{        
position:relative;        
float: left;        
width:30%;        
height:25px;                
}
#barra-sup #contenido2 .block-center{        
position: relative;        
float: left;        
width: 40%;        
height:25px;                
vertical-align:middle;
}
#barra-sup #contenido2 .block-right{        
position: relative;
float:right;        
width:30%;        
height:25px;                
vertical-align:top;
}