body { font: 12px sans-serif; font-size:small; }
#header {
    position:absolute; z-index:2;
    top:0; left:0;
    width:100%;
    height:55px;
    line-height:45px;
    background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #dedede), color-stop(1, #fff));
    background-image:-moz-linear-gradient(top, #dedede, #fff);
    background-image:-o-linear-gradient(top, #dedede, #fff);
    padding:0;
    color:#000;
    text-decoration:none;
    text-shadow:0 -1px 0 rgba(0,0,0,0.5);
    border-bottom: 3px solid gray;
}
#header img {
        float:left;
        height:45px;
        width:45px;
        margin-top: 5px;
        margin-left: 5px;
    }
#titulo {
        float:left;
        margin-top:7px;
        margin-left:10px;
        font-size:20px;
        font-weight:bold;
}
	#arrowicon .ui-icon-custom {
	background-image: url("/images/more.png");	
	background-size: 90%;
	background-color: rgba(0, 0, 0, 0);
    border: none;
    box-shadow: none;
	}
	#cerrarbutton {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#747474), to(#282828)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #747474, #282828); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #747474, #282828); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #747474, #282828); /* IE10 */
	background-image:      -o-linear-gradient(top, #747474, #282828); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #747474, #282828);
	-moz-box-shadow: 0px 3px 4px 			rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 3px 4px 		rgba(0,0,0,.5);
	box-shadow: 0px 3px 4px 				rgba(0,0,0,.5);
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border: none;
	 color: white;
    display: block;
    font-size: 16px;
    font-weight: bold;
    float:center;
    height: auto;
    overflow: auto;
    padding: 1em;
    text-align: center;
    text-decoration: none;
    z-index: 100;
}