html
{
	overflow:hidden;
}
body {
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 14px;
	color:#FFFFFF;
	margin:0px;
	overflow:hidden;
	background: transparent url(../images/bg.gif);
}
td {
	font-family: Verdana;
	font-size: 11px;
}
html {
	margin:0px;
}
img {
	border:0px;
}
input {
	font-family: Verdana;
	font-size: 11px;
}
select {
	font-family: Verdana;
	font-size: 11px;
}

.no {display:none !important;}

fieldset{border:none;}

#page{width:900px; height:784px; background-color:white; margin:0px auto; background:#F7F7F7 url(../images/bg_top.jpg) repeat-x scroll center top; padding-top:142px;}

#contenedor {width:823px; height:452px; background-color:gray; margin:0px auto;}

	h2 {width:270px; margin:16px 5px; padding-left:40px; font-size:1.3em; }
	
	#contenedor a {color:#000; text-decoration:none;}
	#contenedor a.bt-editar {background: transparent url(../images/b_edit.png); margin-right: 5px;}
	#contenedor a:hover {font-weight:bolder;}
	
	#cont-left {float:left; width:464px;  height:452px; color:#000;}
	
		#cont-left h2 {background:transparent url(../images/item-titulo.gif) no-repeat 10px 3px; color:#186FB2; margin:6px 5px;}
	
		#cont-left div.cont-top{float:left; background:transparent url(../images/cont_left_top.jpg); width:464px;  height:20px;}
		#cont-left div.cont-middle{float:left; background:transparent url(../images/cont_left_middle.jpg); width:464px;  height:247px;}
		#cont-left div.cont-bottom{float:left; background:transparent url(../images/cont_left_bottom.jpg);width:464px;  height:185px;}
	
	#cont-right {float:right; width:358px;  height:452px; position:relative;}
	
	  #cont-right h2 {background:transparent url(../images/celeste.jpg) no-repeat 10px 3px;}
		
		#cont-right .comment {color:#EFEFEF; font-style:italic; display:block; font-size:0.8em; }
		
		#cont-right div.cont-top{float:left; background:transparent url(../images/cont_right_top.jpg); width:358px;  height:20px;}
		#cont-right div.cont-middle{float:left; background:transparent url(../images/cont_right_middle.jpg); width:358px;  height:329px; overflow:auto;}
		#cont-right div.cont-bottom{float:left; background:transparent url(../images/cont_right_bottom.jpg);width:358px;  height:103px;}
		

	#login {width:260px; margin:0px auto;}
	#login fieldset {}
	#login label {width:236px; float:left;}
	#login input {width:230px; margin:5px 0px;}
	
	#login span.error {color:red; font-style:italic; font-size:0.9em;}
	
	#login button.bt-go {background: transparent url(../images/entrar.jpg); border:none; width:45px; height:18px; margin-left:188px; cursor:pointer;}
	#login button.bt-go span{display:none;}  
	
	#login button.bt-grabar {background: transparent url(../images/grabar.jpg); width:52px; margin-left:181px;}
		
	#contenedor div.chico {background:transparent url(../images/chico.png); width:248px; height:287px; position: absolute; margin-top:48px;}

		#cont-logo {height:10px; overflow:hidden;}
		#cont-logo img.logo {margin-left:15px; display:block;}
	
	#contenedor a.jugar	{display:block; height:177px; margin:28px auto 0; width:182px;}
	
	#menu li { 
		list-style:none;
		padding-top: 1px; 
		padding-left: 27px;
		margin: 5px 0;
		background:transparent url(../images/naranja.jpg) no-repeat 0 0; color:#186FB2;
	}
	#menu a  { color:white; text-decoration:none;} 
	#menu a:hover  { font-weight:bolder; text-decoration:underline;} 
	
	#contenedor .invitado {margin-top:60px;}
	#contenedor .invitado a{color:#00FFFF;}



#contenido {
	position:relative;
	z-index:101;
	overflow:hidden;
	height:650px;
	width:867px;
}
#espera {
	position:absolute;
	left:0px;
	top:0px;
	height:650px;
	width:867px;
	z-index:200;
	visibility: hidden;
	overflow:hidden;
	background-color: #000000;
	color:#666666;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 3px;
}
#marco_central {
	position:absolute;
	z-index:100;
	left:0px;
	top:0px;
	background-color: #000000;
	overflow:hidden;
	height:650px;
	width:867px;
	border-right-color:#666666;
	border-right-style:solid;
	border-right-width:2px;
}
#marco_der {
	position:absolute;
	z-index:100;
	left:870px;
	top:0px;
	background-color:#125768;
	color:#FFFFFF;
	overflow:hidden;
	height:650px;
	width:150px;
	background-image: url(../imagenes/menuLateral2sinsombra.jpg);
}
.borde_inf {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.borde_sup {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.borde_izq {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.borde_der {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.borde_tabla {
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
	padding:10px;
}
.oculto {
	visibility:hidden;
}
.recuadro
{
	border-style:solid;
	border-width:3px;
	border-color:#CC3300;
}
.volver
{
	position:absolute; 
	z-index:101; 
	left:900px; 
	top:10px;
}


/* ESTADOS */

div.estado {padding:6px; font-size:1.0em;}
div.estado a{vertical-align: bottom;color: #666666;}

div.success{background-color: #ACE991;border:2px solid #275812;color:#275812; width:92%; margin:0px auto;}
div.error{background-color: #EEA8A8;border:1px dotted #AC2222;color:#AC2222;}
div.estado-error{background-color: #EEA8A8;border:1px dotted #AC2222;color:#AC2222;}

#estado-accion {text-align:center; color:#3F3F3F; -moz-border-radius:3px; width:358px; display:inline; font-weight:bolder; font-size:0.9em; position:absolute; top: 0; left:0;}
#estado-accion p{padding:5px 10px 5px 30px;}

p.success-action {background:#FFF5BF; border:1px solid #FFE44F}
p.error-action {background:#FFCABF; border:1px solid #FF5F3F}

/*TOOLS*/
.centrar {text-align:center;}