body{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;background:#FFF;

}
p, h1, form, button{border:0; margin:0; padding:0;}

#bloqueLogin{
	background:#B5B9C4;
	margin:0 auto;
	width:400px;
	padding:14px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;   /* height/2 = 500px / 2 */
    margin-left: -200px;  /* width/2 = 500px / 2 */
}
 h1 {
	font-size:12px;
	font-weight:bolder;
	margin-bottom:8px;
	margin: 5px;
	color:#FFF;
}
h3 {
	font-size:13px;
	font-weight:bolder;
	margin-bottom:8px;
	margin: 5px;
	color:#5D5B60;
}
#bloqueLogin p{
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}
#bloqueLogin label{
	display:block;
	font-weight:normal;
	text-align:right;
	width:140px;
	float:left;
	color:#000;
}
#bloqueLogin .small{
	color:#FFF;
	display:block;
	font-size:10px;
	font-weight:normal;
	text-align:right;
	width:140px;
}
#bloqueLogin input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
}
button{
	clear:both;
	margin-left:150px;
	width:125px;
	height:31px;
	background: #000;
	background-image: url('../imagenes/button.png');
	background-repeat:  no-repeat;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	letter-spacing:1px;
}
#mensaje{
	display:none;
}
#superior{
	top:0;
	left:0;
	position:absolute;
	width:100%;
	height:20px;
	background:#2D272C;
}
#cont_panel{
	width: 100%;
	height: 100%
}
#inferior{
	position:absolute;
	top: 96%;
	left:0px;
	width:100%;
	height:20px;
	background:#2D272C;
}
#tit_form{
	position:absolute;
	
	top:0px;
	left:0px;
	width: 100%;
	height:25px;
	background:#1C1A1B;
	
}
#tabs{

	margin:0 auto;
	width:800px;
	height:500px;
	padding:14px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;   /* height/2 = 500px / 2 */
    margin-left: -400px;  /* width/2 = 500px / 2 */
}



.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 1em -3px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 1em 1.5em;   background-image:url('../imagenes/greentab.jpg'); background-repeat: no-repeat;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; border-bottom-width: 0px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; margin-top: 5px; color:#FEFEFE;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if definebord elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em;  border-width: 0; width:700px; *width: 750px; height:92%; *height:103%; border-style: solid; border-width: 1.5px; border-color:#E8E8E8; background:#FAFAFA; color:#000; position:absolute; *left:20px;  top:60px; *top:48px;}
.ui-tabs .ui-tabs-hide { display: none !important; }



#noticias_actuales{
	position:absolute;
	top:90px;
	left:430px;
	width: 350px;
	height:480px;

	
}
#noticias_nuevas, #noticias_nuevas_, #noticias_borrar{
	position:absolute;
	top:20px;
	left:20px;
	width:350px;
	height:480px;
	border-right-style: solid;
	border-right-width: 1.5px;
	border-right-color: #7A7A7A;
	
}
#respuesta, #respuesta_, #respuesta_borrar{
	position:absolute;
	top:380px;
	left:5px;
	width:320px;
	height: 100px;
}
#cerrar_sesion{
	position:absolute;
	top:60px;
	left:620px;
	width: 100px;
	height:20px;
    color:#000;
    
	
}