/* COMMON */
	body, html
	{
		height:100%;
		margin: 0px auto;
	}
	body
	{
		margin: 0px;
		text-align: left;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 11px;
		background-color: #BDDEFF;
		background-image:url('imagenes/page_bg.png'); background-repeat:repeat-x;
		min-width:980px;
	}
	.header{
		padding:5px 5px;
	}
	.header div{
		float:right;
		padding:1px 0px;
	}
	.header div a{
		color:#FFD800;
	}
	.header img, .navPanel img, .navSelect img{
		vertical-align:middle;
		margin:0px 15px 0px 50px;
		border:none;
	}
	.subHeader{
		background-image:url('imagenes/subheader_bg.png'); background-repeat:repeat-x;
		height:27px;
	}
	.subHeader div{
		padding:5px;
		font-size:14px;
		font-weight:bold;
		color:#10428C;
	}
	.clear{
		clear:both;
		float:none;
		height:0px;
	}
	.title{
		font-size:18px;
		font-weight:bold;
		padding:0px 5px;
	}
	/* TOOLBAR */
	.toolbar{
		height:25px;
		margin:0px 5px;
		background-image:url('imagenes/toolbar_bg.png'); background-repeat:repeat-x;
		float:left;
	}
	.toolbarLeft{
		background-image:url('imagenes/toolbar_left.png'); background-repeat:no-repeat;
		height:25px;
		width:7px;
		float:left;
	}
	.toolbarRight{
		background-image:url('imagenes/toolbar_right.png'); background-repeat:no-repeat;
		height:25px;
		width:12px;	
		float:left;
	}
	.toolbarContent{
		padding:5px;
		float:left;
		height:25px;
	}
	.toolbarContent img{
		vertical-align:top;
		border:0px;
		margin-right:5px;
	}
	.toolbarContent a,.toolbarContent a:visited{
		padding:5px;
		color:#000000;
		text-decoration:none;
	}
	.toolbarContent a:hover{
		text-decoration:underline;
	}
	/* NAVIGATION */
	.navigation{
		width:20%;
		height:90%;
		margin: 5px 5px 0px 5px;
		border:solid 1px #6394CE;
		background-color:#ffffff;
		float:left;
		vertical-align:bottom;
		position:relative;
	}
	.navPanel{
		padding:0px;
		height:60%;
       	}
	.navPanel a, .navPanel a:visited{
		padding:5px 5px;
		display:block;
		color:#000000;
		border:solid 1px #ffffff;
		text-decoration:none;
	}
	.navPanel a:hover{
		background-color:#FFE88C;
		border:solid 1px #D69C00;
	}
	.navSeparator{
		height:10px;
		background-image:url('imagenes/nav_separator.png'); background-repeat:repeat-x; background-position:center;
	}
	.navSelect{
		position:absolute;
		bottom:0px;
		width:100%;
                left: 0;
	}
	.navSelect a{
		height:22px;
		display:block;
		padding:5px;
		background-image:url('imagenes/nav_link.png'); background-repeat:repeat-x;
		font-weight:bold;
		text-decoration:none;
		color:#000000;
	}
	.navSelect a:hover{
		background-image:url('imagenes/nav_link_hover.png'); background-repeat:repeat-x;
	}
	/* CONTENT */
	.content{
		width:78%;
		margin: 5px 5px 0px 0px;
		background-color:#ffffff;
		border:solid 1px #6394CE;
		vertical-align:top;
		float:left;
	}
	.contentPanel{
		padding:10px;
		overflow:auto;
	}
 .accordion {
 	width: 80%;
        height:22px;
 	max-width: 900px;
 	margin: 10px auto 10px;
        left: 0px;
 	background: #FFF;
     
 /*	-webkit-border-radius: 2px;
 	-moz-border-radius: 2px;
 	border-radius: 2px;
 */
 }
 .accordion .link {
	cursor: pointer;
	display: block;
	padding: 4px 2px 2px 2px;
	color: #4D4D4D;
	font-size: 11px;
	font-weight: 600;
	border-bottom: 1px solid #CCC;
	left: -30px;
	position: relative;
	background-image:url('imagenes/nav_link.png');
	background-repeat:repeat-x;
     
}

.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion li i {
	position: absolute;
	top: 16px;
	left: 1px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	right: 5px;
	left: 5px;
	font-size: 16px;
}

.accordion li.open .link {
	color: #b63b4d;
        left: 5px;
}

.accordion li.open i {
	color: #b63b4d;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
        background: #444359;
        background:#ffffff; 
 	font-size: 14px;
        left: -10px;
 }

 .submenu li {
 	border-bottom: 1px solid #4b4a5e;
 }

 .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #000000;
        font-size: 12px;
 	padding: 1px;
 	padding-left: 1px;

 }

 .submenu a:hover {
    background-color:#FFE88C;
    border:solid 1px #D69C00;

 }
