@charset "utf-8";
/* CSS Document */

img{
	max-width:100%;
}

*{
	margin:0px;
	padding: 0px;
}

table{
	width: 100%;
	text-align: center;
	

}

body{
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
}
hr{
	color:#E1E1E1;
}
a:link,a:visited,a:hover,a:active {
	text-decoration: none;
}
a:active{
color: blue;
}

#Contener{
	left: 0%;
	right: 0%;
	max-width: 2900px;
	width:100%;
	height:auto;
	clear:both;
	text-align:justify;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
}
#ContentBody{
	max-width: 2300px;
	width:100%;
	min-height: 480px;
	height:auto;
	float:left;
	padding-left:30px;
}
#Content{
	max-width: 2900px;
	width:100%;
	height:auto;
	margin-top:2px;
	margin-right:0px;
	border-bottom: none;
	float:left;
	background-color:#fff;
	text-align:justify;	
	/*box-shadow: 0 4px 10px rgba(0,0,0,0.5);*/
}


#Content a{
	text-decoration: none;
}

#SideNavLeftContanar{
	max-width: 250px;
	width:15%;
	min-height: 480px;
	height: auto;
	background-color:#F8F8F8;
	float:left;
	padding-left:8px;
	margin-top: 64px;
	margin-left: 10px;
	padding-bottom:10px;
}

#SideNavLeft{
	/*position:fixed;
	top:0%; */
	max-width: 250px;
	width:19%;
	min-height: 200px;
	height: auto;
	float:left;
	color: #2A2E5B;
	background-color: #fff;
	margin-top:0px; 
	margin-left: 10px;
	/*border-right: #EEEEEE 1px solid;
	box-shadow: 0 4px 10px rgba(0,0,0,0.5);*/
}

#SideNavLeftSub{
	max-width: 500px;
	width:99%;
	height: auto;
	float:left;
	background-color:#fff;
	margin-top: 15px;
	margin-left: 0px;
	padding-left:auto;
	padding-right:auto;
	padding-bottom:10px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}
#SideNavLeftSub a{
	color: blue;
}

#SideNavRight{
	position:fixed;
	top:0%;
	right: 0%; 
	width:20%;
	height: auto;
	float:right;
	padding-top:0px;
	background-color:#F8F8F8;
	margin-top:0px;
	/*box-shadow: 0 4px 10px rgba(0,0,0,0.5);*/
}
#Footer{
	max-width: 2900px;
	width:100%;
	min-height: 100px;
	height: auto;
	clear:both;
	text-align:center;
	color:#000;
}
@media only screen and (max-width: 1227px){
	#SideNavRight{
	position:absolute;
	}
}
@media only screen and (max-width: 990px){

#SideNavRight{
	position:inherit;
	max-width: 900px;
	width: 90%;
	float: left;
	background-color:#F8F8F8;
	margin-top: 5px;
	margin-left: 10px;
	
	}

#SideNavLeftContanar{
	max-width: 900px;
	width:99%;
	float:left;
	background-color:#fff;
	border: none;
	padding-left:0px;
	margin-top: 56px;
}
#SideNavLeftSub{
	width:95%;
}
#ContentBody{
	max-width: 900px;
	width:90%;
	float:left;
	background-color:#fff;
	border: none;
	padding-left:10px;
	margin-top: 10px;
	
}

#Content{
	width:96%;
	margin-left:0px;
	padding-left: 2%;
	padding-right: 3%;
	padding-top: 20px;
	margin-top:0px;
	
	}
	#Contener{
		width: 99.1%;
		background-color: #fff;
		margin: 0px;
		padding: 0px;
	}

#Content a{
	text-decoration: none;
	color: blue;
}

#SideNavLeft{
	display:none; 
	max-width: 990px;
	width:90%;
	height: auto;
	float:left;
	background-color:#fff;
	margin-left: 10px;
}

#Footer{
	padding-left: 0%;
	
}

#Contener{
	width:97%;
	
}

}

@media only screen and (max-width: 350px){


}