/* generic styles to be applied to the demo objects */
.foo {
	font:bold 1.1em verdana,arial;
	position:relative;
}

.bar {
	position:relative;
	width:300px;
	height:100px;
	margin:5px auto;
	padding:4px;
}
.menu {
	position: relative;
	width: 100%;
	height: 28px;
}

.menu li{
	list-style: none;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	padding: 6px;
}

.barraMenu {
	width: 100%;
	height: 28px;
	border: 0px solid;
}

.barraMenu li{
	list-style: none;
	font: bold 12px Verdana;
 	color: #ffffff;
	heigth: 100%;
	width: 100%;
	padding-top: 7px;
	z-index:10;
	border: 0px solid #FF0000;
}

.barraElementoDinamico {
	height:28px;
 	text-align:center; 
 	width:100%;
 	border:0px solid;
}
.barraElementoDinamico ul{
	margin:0px;
	padding:0px;
	width:100%;
}
.barraElementoDinamico li{
	display:inline;
	float:left;
	font:bold 12px verdana;
 	color:FFFFFF;
	width:27px;
	border:0px solid;
}
.closeEl{
	position:relative !important; 
	float:right !important; 
}
.topo {
	position:relative;
	width:100%;
	height:103px;
	padding:2px;
	
}
.textoTopo {
	font-family:verdana;
 	color:FFFFFF;
 	font-size:12px;
 	font-weight:bold;
	
}
.textoTopo a:hover {
	font-family:verdana;
 	color:FFFFFF;
 	font-size:12px;
 	font-weight:bold;
	
}
.textoTopo a:link {
	font-family:verdana;
 	color:FFFFFF;
 	font-size:12px;
 	font-weight:bold;
	
}
.textoTopo a:visited {
	font-family:verdana;
 	color:FFFFFF;
 	font-size:12px;
 	font-weight:bold;
	
}
.textoTopo a:active {
	font-family:verdana;
 	color:FFFFFF;
 	font-size:12px;
 	font-weight:bold;
	
}

.baz {
	position:relative;
	width:350px;
	height:5px;
	display:block;
	float:right;
	font-size:1px; /* for IE, which wont allow for an element to be less high than the default font size. */
	text-align:center;
}

/* following styles are unrelated to the specifics of the demo*/
* {
	font-family:verdana;
}

.TThtml {
	background-color:#F2F6F7;
}

.RTbody {
	width:700px;
	border:2px solid #000;
	background-color:#fff;
	padding:5px;
	margin:10px auto;
	font-size:1em;
}
ul li {
	font:normal 0.85em verdana,arial;
}
code {
	background-color:#ddd;
	border:1px solid #c0c0c0;
	padding:3px;
}

h1 {
	font-size:1.1em;
	border-bottom:1px solid #000;
}

h2,h3 {
	font-size:0.9em;
	clear:both;
}

p {
	font-size:0.8em;
}

#so_credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:0.7em verdana;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}