img.png
{
	margin-top:10px;
	_behavior: url(iepngfix.htc);
}

/*table
{
	font-family: "Lucida Grande", "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

img, table
{
	border: 0pt;
}
*/
img
{
	border: 0pt;
}
.png
{
	behavior: url(iepngfix.htc);
	margin-left:-10px;
}

br
{
	clear: both;
}

ul
{
	display: block;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

li
{

}

li a
{

}

li a:hover
{

}

.box, .button, .drop
{
	font-size: 1.0em;
	padding: 2px;
}

.box
{
	border: 1px solid #202528;
}

/* Comentado pq los iconos de administracion recogen el estilo del Menu JDrawer

.button
{
	background-color: #202528;
	color: #FFF;
}


.button:hover
{
	background-color: #444;
}
*/

.drop
{
	border: 1px solid #202528;
}

.wrapper
{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 95%;
	text-align: left;
	padding: 0px;
	margin-top: -30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.navigation
{
	text-align: center;
	padding: 10px;
}

.container
{
	padding: 10px;
}

.title-l
{
	background: transparent url(../aula_img/drawer/jDrawer-top-title-l.png) no-repeat scroll 0% 0%;
	padding: 0pt 0pt 0pt 10px;
}

.title-r
{
	background: transparent url(../aula_img/drawer/jDrawer-top-title-r.png) no-repeat scroll 100% 0%;
	padding: 0pt 10px 0pt 0pt;
}

.title
{
	color: #646479;
	
	font-size:100%;
font-weight:bold;
line-height:25px;

	/*height: 21px;
	font-size: 1.1em;
	line-height: 1.7em;
	padding: 2px 0pt;*/
}

ul.jDrawer
{
	height:100%;
	display: block;
	overflow: hidden;
	position: relative;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	font-size:90%;
	line-height:125%;
	color:#646464;	

}

ul.jDrawer a
{
	color: #0000FF;
	text-decoration: underline;
}


ul.jDrawer-top
{
	width: 100%;
}

ul.jDrawer-left
{
	height: 100%;
}

ul.jDrawer li.jDrawer-item
{
	display: block;
	_overflow: hidden;
	position: absolute;
	top: 0pt;
	left: 0pt;
	z-index:34;
}

ul.jDrawer-top li.jDrawer-item
{
	width: 100%;
}

ul.jDrawer-left li.jDrawer-item
{
	height: 100%;
}

ul.jDrawer li.jDrawer-active
{
margin-top:-5px;
}
ul.jDrawer li.jDrawer-item center a{
	visibility:hidden;}
ul.jDrawer li.jDrawer-active center a{
	visibility:visible;}
	
.jDrawer-content .jDrawer-handle a img {

}
 
ul.jDrawer-top .jDrawer-item-border-1
{
	background: transparent url(../aula_img/drawer/jDrawer-top-item-l.png) no-repeat scroll 0% 100%;
	_background: transparent url(../aula_img/drawer/jDrawer-top-item-l.gif) no-repeat scroll 0% 100%;
	padding: 0px 0px 0px 10px;
}

ul.jDrawer-top li.jDrawer-active .jDrawer-item-border-1
{
	background: transparent url(../aula_img/drawer/jDrawer-top-item-l-active.png) no-repeat scroll 0% 100%;
	_background: transparent url(../aula_img/drawer/jDrawer-top-item-l-active.gif) no-repeat scroll 0% 100%;
}

ul.jDrawer-top .jDrawer-item-border-2
{
	background: transparent url(../aula_img/drawer/jDrawer-top-item-r.png) no-repeat scroll 100% 100%;
	_background: transparent url(../aula_img/drawer/jDrawer-top-item-r.gif) no-repeat scroll 100% 100%;
	padding: 0px 10px 0px 0px;
}

ul.jDrawer-top li.jDrawer-active .jDrawer-item-border-2
{
	background: transparent url(../aula_img/drawer/jDrawer-top-item-r-active.png) no-repeat scroll 100% 100%;
	_background: transparent url(../aula_img/drawer/jDrawer-top-item-r-active.gif) no-repeat scroll 100% 100%;
}

ul.jDrawer-top .jDrawer-item-border-3
{
	background: transparent url(../aula_img/drawer/jDrawer-top-item-b.png) repeat-x scroll 0% 100%;
	_background: transparent url(../aula_img/drawer/jDrawer-top-item-b.gif) repeat-x scroll 0% 100%;
	padding: 0px 0px 10px 0px;
}

ul.jDrawer-top li.jDrawer-active .jDrawer-item-border-3
{
	background: transparent url(../aula_img/drawer/jDrawer-top-item-b-active.png) repeat-x scroll 0% 100%;
	_background: transparent url(../aula_img/drawer/jDrawer-top-item-b-active.gif) repeat-x scroll 0% 100%;
}

ul.jDrawer-top .jDrawer-content
{
	
	color: #646464;
	padding-left:10px;
	background: transparent url(../aula_img/drawer/jDrawer-top-item-bg.png) repeat-x scroll 0% 100%;
	_background: transparent url(../aula_img/drawer/jDrawer-top-item-bg.gif) repeat-x scroll 0% 100%;
	padding:0 10px 10px 10px;
}

ul.jDrawer-top li.jDrawer-active .jDrawer-content
{
	color: #646464;
	background: transparent url(../aula_img/drawer/jDrawer-top-item-bg-active.png) repeat-x scroll 0% 100%;
	_background: transparent url(../aula_img/drawer/jDrawer-top-item-bg-active.gif) repeat-x scroll 0% 100%;
		padding:0 10px 10px 10px;
}

ul.jDrawer-top .jDrawer-content h3
{
	color:#323232;
	font-size:1.45em;
	font-weight:bold;
	line-height:100%;
	margin-left:-5px;
	padding-bottom:10px;
}

ul.jDrawer-left .jDrawer-item-border-1
{
	background: transparent url(../aula_img/drawer/jDrawer-left-item-t.png) no-repeat scroll 100% 0%;
	_background: transparent url(../aula_img/drawer/jDrawer-left-item-t.gif) no-repeat scroll 100% 0%;
	padding: 10px 0px 0px 0px;
}

ul.jDrawer-left li.jDrawer-active .jDrawer-item-border-1
{
	background: transparent url(../aula_img/drawer/jDrawer-left-item-t-active.png) no-repeat scroll 100% 0%;
	_background: transparent url(../aula_img/drawer/jDrawer-left-item-t-active.gif) no-repeat scroll 100% 0%;
}

ul.jDrawer-left .jDrawer-item-border-2
{
	background: transparent url(../aula_img/drawer/jDrawer-left-item-b.png) no-repeat scroll 100% 100%;
	_background: transparent url(../aula_img/drawer/jDrawer-left-item-b.gif) no-repeat scroll 100% 100%;
	padding: 0px 0px 10px 0px;
}

ul.jDrawer-left li.jDrawer-active .jDrawer-item-border-2
{
	background: transparent url(../aula_img/drawer/jDrawer-left-item-b-active.png) no-repeat scroll 100% 100%;
	_background: transparent url(../aula_img/drawer/jDrawer-left-item-b-active.gif) no-repeat scroll 100% 100%;
}

ul.jDrawer-left .jDrawer-item-border-3
{
	background: transparent url(../aula_img/drawer/jDrawer-left-item-r.png) repeat-y scroll 100% 0%;
	_background: transparent url(../aula_img/drawer/jDrawer-left-item-r.gif) repeat-y scroll 100% 0%;
	padding: 0px 10px 0px 0px;
}


/* IE7 fix */
html > body ul.jDrawer-left .jDrawer-item-border-3
{
	*overflow: hidden;
}

ul.jDrawer-left li.jDrawer-active .jDrawer-item-border-3
{
	background: transparent url(../aula_img/drawer/jDrawer-left-item-r-active.png) repeat-y scroll 100% 0%;
	_background: transparent url(../aula_img/drawer/jDrawer-left-item-r-active.gif) repeat-y scroll 100% 0%;
}

ul.jDrawer-left .jDrawer-content
{
	color: #969696;
	padding: 10px;
	background: transparent url(../aula_img/drawer/jDrawer-left-item-bg.png) repeat-y scroll 100% 0%;
	_background: transparent url(../aula_img/drawer/jDrawer-left-item-bg.gif) repeat-y scroll 100% 0%;
}

ul.jDrawer-left li.jDrawer-active .jDrawer-content
{
	color: #333;
	background: transparent url(../aula_img/drawer/jDrawer-left-item-bg-active.png) repeat-y scroll 100% 0%;
	_background: transparent url(../aula_img/drawer/jDrawer-left-item-bg-active.gif) repeat-y scroll 100% 0%;
}

ul.jDrawer-left .jDrawer-content h3
{
	font-size: 1.45em;
	font-weight: bold;

	
}

ul.jDrawer-top .jDrawer-handle
{
	cursor:default;
	padding-top: 5px;
}
.jDrawer-handle p
{
	font-size:95%;
	line-height:125%;
	color:#646464;
}
.jDrawer-handle .jDrawer-active p
{
	font-size:95%;
	line-height:125%;
	color:#646464;
}
	
ul.jDrawer-left .jDrawer-handle
{
	float: left;
}

ul.jDrawer .jDrawer-divider
{
	/*border-top: 1px solid #E0E0E0;*/
	margin: 0px;
	

}

.jDrawer-content .jDrawer-handle a img{
	margin-top:8px;
}

ul.jDrawer-top li.jDrawer-active .jDrawer-divider
{
	/*border-top: 1px solid #969696;*/
	

}

