@import url(https://fonts.googleapis.com/css?family=Roboto:300);
body{
	margin:0px;
	box-sizing:border-box;
    font-family: "Roboto", sans-serif;
    font-size:14px;
	color:#212529;
	
}

#contenedor{
	display:flex;
}

#derecha{
     display:block;
	 flex:1;
	 height:100%; /* height:668px; para que pueda aparecer el scroll en #con_derecha, el cual es hijo de #derecha*/
	 border:0px solid red;
	 margin-left:42px;
	 padding:10px;
	 text-align:;
	 box-sizing:border-box;
     float:right;
	 overflow-y:hidden;
	 position:relative;
    }

	#con_derecha{
		width:100%;
		height:800px;
		max-height:500px;
		padding:10px;
		padding-bottom:50px;
		margin:auto;
		overflow-y:scroll;
	   }
   
    #con_derecha_arriba{
	   width:100%;
	   height:auto;
	   padding:;
	   box-sizing:border-box;
	   margin-bottom:3px;
	   }

#izquierda{
     display:block;
	 width:40px;
	 height:100%;
	 border:0px solid red;
	 margin:0px;
	 padding:;
	 text-align:center;
	 box-sizing:border-box;
     float:right;
	 overflow-y:hidden;
	 position: fixed;
    }
	
	 #menu_izquierda a,#menu_izquierda td{
		 text-decoration:none;
	    }
		
	 #menu_izquierda a:active{
		 color:#e67e22; 
	    }
		
#pie{
	 display:block;
	 width:100%;
	 height:auto;
	 border:1px solid red;
	 margin:0px;
	 padding:0px;
	 text-align:center;
	 box-sizing:border-box;
     float:left;
    }

.paginations{
	margin:5px;
	padding:6px;
	color:white;
	border-radius:3px;
	box-sizing:border-box;
	background-color:#044170;
	text-decoration:none;
	}

.botonVerde{
	margin:;
	padding:6px;
	color:white;
	border-radius:3px;
	box-sizing:border-box;
	text-decoration:none;
	}

	.botonVerde img{width:18px;}