@charset "utf-8";
/* CSS Document */
html, body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
   position:relative;
}
#header {
   background:#fff;
   padding:10px
}
#body {
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
   background:#fff
}
#footer {
   position:absolute;
   margin-top:10px;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#e3e3e3;
}
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}
#preview{
	position:absolute;
	border:1px solid #fff;
	background:#333;
	padding:3px;
	display:none;
	color:#fff;
	}
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
.mostrar {
background-color:#333333;
border:  #999999 1px solid;
color:#CCCCCC;
padding:0px;
margin-left:7px;
}
form {margin-top:10px}
select {background-color:#CCCCCC; font-size:11px; padding:3px; font-weight:bold; color:#333333;
}
li {
float:left;
list-style:none;
margin-right:12px;
}
ul {
margin-left:-20px
}