html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	color:#333;
	font-family: Tahoma, Arial!important;
	font-size: 8pt;
}
* {margin:0; padding:0;}

/************************************/
/* hacks*/
/************************************/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-table}
* html .clearfix {height: 1%}
.clearfix {display: block}
.clearboth {clear:both}
a{	font-family: Tahoma, Arial!important;
	font-size: 8pt;
	color:#333;
	text-decoration: underline;
}

a:link{
	color: #36c;
	text-decoration: underline;
}
a:visited{
	color: #36c;
	text-decoration: underline;	
}

a:hover{
	color: #c03;
	text-decoration: underline;
}
img{border: 0;}
.contenedora {
	 /*background: url(/ibproxima/ibpersonas/fondo_home.gif) left bottom no-repeat;*/
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */			
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	text-align: center;	
	
	
}


div#areaCentral {
	width: 577px;
	height: 500px;
	text-align: center;
	padding:0 0 27px 0; /* bottom padding for footer */
	margin: 1% 0 0 0;	
	background: url(fondo.jpg) center no-repeat #fff;
}

div#areaCentralsuperior {
	width: 577px;
	height: 26px;
	text-align: center;
	padding:0 0 0 0; /* bottom padding for footer */
	margin: 0 0 0 0;
	background: url(fondo_caja_arriba.jpg) center no-repeat #fff;
	color:#333;
	font-family: Tahoma, Arial!important;
	font-size: 8pt;
}

div#areaCentralinferior {
	width: 577px;
	height: 26px;
	text-align: center;
	padding:0 0 0 0; /* bottom padding for footer */
	margin: 0 0 0 0;	
	background: url(fondo_caja_abajo.jpg) center no-repeat #fff;
	color:#333;
	font-family: Tahoma, Arial!important;
	font-size: 8pt;
}

div#areaCentralcentral {
	width: 577px;
	
	text-align: center;
	padding:0 0 0 0; /* bottom padding for footer */
	margin: 0 0 0 0;
	background: url(fondo_caja_central.jpg) center repeat #fff;
	color:#333;
	font-family: Tahoma, Arial!important;
	font-size: 8pt;
}

div#pie {
	clear: both;
	display: block;
	width:100%;
	height:27px;
	position: absolute;
	/*float: left;*/
	bottom: 0px;
}

.logo{ float: left; background: url(logo.gif) 37px 50px no-repeat; height: 500px; width: 220px; }
.contenido{ float: left; height: 500px; width: 350px; text-align: left; padding: 60px 0 0 0;}

h1{margin: 0px 0 0 0; padding: 0 0 0 0; background: url(h1.gif) left top no-repeat; height: 50px; text-indent:-9000px}
.condiciones{text-align: center; padding: 17px 28px 0 0;}
.acceder{text-align: center; padding: 17px 28px 0 0;}

.contrasenas{width: 160px; float: left; margin: 20px 0 0 0;}
.asistencia{width: 170px; float: left;margin: 20px 0 0 0; padding: 0 0 0 11px; background: url(fondodotted.gif) left top repeat-y;}
.contrasenas h2{margin: 0; padding: 0 0 0 0; background: url(h2contra.gif) left top no-repeat; height: 36px; text-indent:-9000px}
.asistencia h2{margin: 0 0 0 0; padding: 0 0 0 0; background: url(h2telefonos.gif) left top no-repeat; height: 36px; text-indent:-9000px}

.botonContrasena{margin: 0px 0 0 0;}
.botonCentros{margin: 12px 0 0 0;}

.botonCerrar{float: right; margin: 115px 0 0 0;}

.rojo{color: #c03}

.textos{
	color:#333;
	font-family: Tahoma, Arial!important;
	font-size: 8pt;
	}

.titulo {
	font-weight: bold;
	color:#333;
	font-family: Tahoma, Arial!important;
	font-size: 12pt;
}

/************************************/
 /*ESTILOS PIE*/
/************************************/

.pie{background: url(fondopie.jpg) top left no-repeat;}
.copyright{float:left; color:#333; padding: 8px 0 0 42px;}
#pie ul {margin: 0; padding: 8px 0 0 0; height: 27px; text-align: center;}
#pie1 ul {margin: 0; padding: 8px 0 0 0; height: 27px; text-align: center;}

#pie li {
	display: inline;
	border-left: 1px solid #333; 
	padding: 0 4px;
}

#pie1 li {
	display: inline;
	border-left: 1px solid #333; 
	padding: 0 4px;
}

#pie li.primero{border: 0;}
#pie a {color: #333; text-decoration: none;}
#pie a:hover{
	text-decoration: underline;
}
#pie1 a {color: #333; text-decoration: none;}
#pie1 a:hover{
	text-decoration: underline;
}
.iberiacom{float:right; padding-left:5px;}