/* CSS Document */

/* -------------------------- SIDES MAIN------------------------------ */

	.side_type_title{
		color:#3a90b5;
		background-color:#fff;
		padding:1% 1% 1% 0;
	}
	/* POSITIONS */
	.side_right{
		width:25%;
		max-width:25%;
		float:right;
		position:relative;
		padding:1%;
		margin:0% 5% 0 0%;
		background-color:#f7f7f7;
		border-radius:0 0.5em 0.5em 0;
	}	
		.side_right a{
			color:#666;
		}
	
	.side_left{
		width:25%;
		max-width:25%;
		float:right;
		position:relative;
		padding:1%;
		margin:0% 0% 0 5%;
		background-color:#ffffff;
	}
		.side_left a{
			color:#666;
		}
	
	
	@media (max-width: 800px) {
			.side_left,.side_right{
				float:none;
				width:100%;
				margin:1% 0.2%;
				max-width:100%;	
				padding:1%;
				overflow:hidden;
			border-radius:0;
			}
		}
	.side_full{
		margin:1% 5%;
		width:90%;
		padding:0.1%;
		background:#fff;
	}
	@media (max-width: 1000px) {
		.side_full{
				margin:1%;
				width:98%;
				padding:1%

		}
	}
	
		.side_full a{
			color:#333;
		}
		.side_full a:visited{
			color:#999;
		}
	
	.side_child{ padding:0%;}
		

/* -------------------------- END SIDES MAIN------------------------------ */

/* -------------------------- LASTEST PAGES ------------------------------ */

	.side_left #sides_latest_pages{
		padding:2% 4%;	
		background:url(../images/arrow_right.png) left no-repeat;
		text-decoration:none;
		border-bottom:solid 1px #666;
		position:relative;
		display:inline-block;
		width:92%;
		overflow:hidden;
		text-overflow: ellipsis;
		  /* Required for text-overflow to do anything */
		  white-space: nowrap;
		  overflow: hidden;
	}
	.side_right #sides_latest_pages{
		padding:2% 4%;	
		background:url(../images/arrow_right.png) left no-repeat;
		text-decoration:none;
		border-bottom:solid 1px #666;
		position:relative;
		display:inline-block;
		width:92%;
		overflow:hidden;
		text-overflow: ellipsis;
		  /* Required for text-overflow to do anything */
		  white-space: nowrap;
		  overflow: hidden;
	}
	
	.side_left #sides_latest_pages img{
		
		width:10%;
		overflow:hidden;
		display:inline-block;
		vertical-align:middle;
		padding-right:2%;
	}
	.side_right #sides_latest_pages img{
		
		width:10%;
		overflow:hidden;
		display:inline-block;
		vertical-align:middle;
		padding-right:2%;
	}
	
	.side_full #sides_latest_pages{
		padding:0;	
		text-decoration:none;
		position:relative;
		width:33.3333%;
		overflow:hidden;
		float:left;
	}
	
	@media (max-width: 800px) {
			.side_full #sides_latest_pages{
				width:50%;
				overflow:hidden;
				float:left;
			}
		}
	@media (max-width: 500px) {
		.side_full #sides_latest_pages{
			width:100%;
			overflow:hidden;
			float:none;
		}
	}

	.side_full #sides_latest_pages img{
		
		width:10%;
		overflow:hidden;
		display:inline-block;
		vertical-align:middle;
		padding-right:2%;
		min-width:50px;
	}

/* -------------------------- LASTEST PAGES END ------------------------------ */

/* -------------------------- MENU LINKS  ------------------------------ */
	
	.side_left #menu_link{
		margin:0 0 1% 0;
		border-bottom:solid 1px #333;
	}
	
	.side_right #menu_link{
		margin:0 0 1% 0;
		border-bottom:solid 1px #333;
	}
	.side_left,.side_right #menu_link a{
		color:#666;
	}
	
	.side_right #menu_link img{
		width:100%;
	}
	
	.side_left, #menu_link img{
		width:100%;
	}
	
	.side_left #menu_link ul li{
		list-style:none;
		text-align:none;
		margin:1% 10% 1% 0%;
		background-color:#CCC;
		padding:1%
	}
	
	.side_right #menu_link ul li{
		list-style:none;
		text-align:none;
		margin:1% 0% 1% 10%;
		background-color:#CCC;
		padding:1%

	}
	.side_right #menu_link li img{
		width:30%;
		float:left;
		margin:0 1% 0 0;
	}
	
	.side_left #menu_link li img{
		width:30%;
		float:left;
		margin:0 1% 0 0;
	}
	.side_right #menu_link li p{
		padding:0 1%;
	}
	
	.side_right #menu_link li p{
		padding:0 1%;
	}
	
	
	
	.side_full #menu_link{
		margin:0;
		float:left;
		width:31.333%;
		margin:1%;
	}
		@media (max-width: 800px) {
			.side_full #menu_link{
				float:left;
				width:48%;
				position:relative;
				overflow:hidden;
			}
		}
		
		@media (max-width: 500px) {
			.side_full #menu_link{
				float:none;
				width:100%;
				position:relative;
				overflow:hidden;
			}
		}
	.side_full #menu_link a{
		color:#666;
	}
	
	.side_full #menu_link img{
		width:100%;
	}
		
	
	.side_full #menu_link ul li{
		list-style:none;
		text-align:none;
		margin:1% 0% 1% 10%;
		background-color:#CCC;
		padding:1%
	}
	@media (max-width: 800px) {
			.side_full #menu_link ul{
				display:none;
			}
		}
	@media (max-width: 500px) {
			.side_full #menu_link ul{
				display:block;
			}
		}
	.side_full #menu_link li img{
		width:30%;
		float:left;
		margin:0 1% 0 0;
	}
	.side_full #menu_link li p{
		padding:0 1%;
	}
/* -------------------------- MENU LINKS END ------------------------------ */