@import url(thickbox.css);

#TB_window { width:622px; height:400px; }
#TB_iframeContent { width:622px; height:400px; }


/* ESTILOS POPUP DE LAS DEMOS */
#popup-top { width:610px; height:22px; background:url(../img/demo-bgtop.gif) no-repeat; padding:12px 12px 0 12px; }

#popup-wrappercontent { position:relative; width:590px; height:366px; background:url(../img/demo-bg.gif) repeat-x ; padding:16px; overflow:hidden; }
#popup-wrappercontent a { color: white; }
#canto-popup-wrappercontent { position:absolute; bottom:32px; _bottom:24px; right:0; width:6px; height:6px; background:url(../img/demo-bgcanto.gif) no-repeat; }
	#popup-wrappercontent h5 { font-size:16px; font-weight:700; color:#fff; margin-bottom:26px; }
	#popup-wrappercontent h5 span { display:block; text-transform:uppercase; color:#9f9f9f; font-size:18px; }

#nav-demo { position:relative; width:126px; float:left; }
	#nav-demo li a { display:block; width:126px; height:19px; background:url(../img/demo-boton.gif) no-repeat; color:#fff; font-weight:700; text-align:center; padding-top:4px; margin-bottom:4px; }
	#nav-demo li a:hover, #nav-demo li.active a { color:#ffc800; text-decoration:none; }

#popup-content { position:relative; width:410px; float:right; }
#demo-pantallas { z-index: 82; position:absolute; top:-10px; width:250px; height:266px; }


#demo-txt { z-index:22; position:relative; width:146px; background:#fff; border:1px solid #a6bf00; float:right; padding:14px 14px 20px 20px; }
	#canto-demotxt { position:absolute; bottom:-1px; _bottom:-10px; right:-1px; width:6px; height:6px; background:url(../img/demo-bg-texto.gif) no-repeat; }
	#demo-txt h4 { font-size:16px; color:#9db401; font-weight:bold; text-transform:none; margin-bottom:8px; }
	
a.btsdemo { position:absolute; top:330px; display:block; width:126px; height:28px; overflow:hidden; text-indent:-2000px; }
a.bt-anterior { left:20px; background:url(../img/bt-anterior.gif) no-repeat; }
a.bt-seguiente { left:518px; background:url(../img/bt-seguiente.gif) no-repeat; }
a:hover.bt-anterior, a:hover.bt-seguiente { background-position:0 -28px; }

.acronimos { float: left; margin-top:5px; }