*:outline{none;}
 .buttons {*zoom: 1;}
.buttons:before,
.buttons:after {display: table; line-height: 0; content: "";}
.buttons:after {clear: both;}
 
  /* MAX-WIDTH: 1280 px -------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:1280px) {
	
	/* buttons -------------------------------*/
	.buttons button{ padding-left:31px !important; font-size:10px !important; max-width:160px; text-align:left; line-height:110%;}
	.buttons button:hover{padding-left:31px !important;}	
	.buttons label{font-size:9px !important;}

/* MAX-WIDTH: 1080 px  --------------------------------------------------------*/
@media only screen and (max-width:1080px) {
  	.phoenixWidthTable50{width:100%}
}

/* MAX-WIDTH: 960 px   --------------------------------------------------------*/
@media only screen and (max-width:960px) {

}

/* MAX-WIDTH: 800 px   --------------------------------------------------------*/
@media only screen and (max-width:800px) {
    /* historia clinica */
	 .contentHistoriaCinica , .contentHistoriaCinica .DGPButton{width: 99%!important;}
	 .contentHistoriaCinicaText{width: 80%!important; padding-left:175px !important;}

	#listado .buttons.fixedResponsive,
	.buttons.fixedResponsive{border-top: 1px solid #EAEAEA;padding: 5px 5px 25px 0px !important;z-index:100;margin:0px !important;float: none;position:fixed;left:0px;right:0px;bottom:0px;background-color:#fff;margin:0px !important;}
	.buttons button{margin-bottom:5px;}
}


/* MAX-WIDTH: 720 px   --------------------------------------------------------*/
@media only screen and (max-width:740px) {
 /*  .cabecera_login {	border-top: 8px solid #ccc !important;  } */
  .top {max-width: 350px !important;}
  .logoleft { margin: 0 !important; text-align: center !important; float:none !important;}
  .top p { text-align: center !important;}
  .login_body {margin:20px auto !important;}
  .login{margin:0 auto !important;}
   .buttons button{max-width:130px !important;}
}