.clear { clear:both; height:0px; font-size:0px; }

.note {font-style: italic;}
.highlight {font-weight: bold;}
.smallfont {font-size: 11px;}
.error {color:Red; font-weight: bold;}

.indented {padding:0px 20px; line-height:16px;}

body {
	margin:0; padding:0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	/* background: url(./img/bk-fondo3.png) repeat-x; */
	/*background-color:#999;*/
	background: url(./img/fondo.png); 
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
    color:#69c;
	border-bottom: 1px solid #F60;
	width:300px;
	line-height: 16px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
    color:#F60;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
    color:#555;
}

#container {
	text-align:left;
	margin: 8px auto;  /* 5px on top */
	padding: 0px;
	width:760px;
	/*min-height: 600px;         solo lo interpreta el firefox */
	/*height: auto !important;   Para el Firefox dejamos height a auto */
	/*height: 600px;              El IE interpreta height como min-height*/
    border:2px solid #999;
	/*background-color:#000;*/
	overflow:hidden;
	/*overflow: hidden; 	/* Dice al navegador que hacer con el contenido que no cabe en la caja */
					/* Visible (lo muestra) Hidden (lo oculta) Scroll (muestra un scroll) */
 }

#header {
   clear:both; /* Se utiliza para que ningún elemento flotante pueda posicionarse a ninguno de los dos lados*/
   margin:0px; padding:0;
   width: 760px;
   min-height: 110px;        /* solo lo interpreta el firefox */
   height: auto !important; /* Para el Firefox dejamos height a auto */
   height: 110px; /* El IE interpreta height como min-height*/
   color:#555;
   border-bottom:2px solid #999;
   background-color: #FFC34E;
   background: url(./img/ftop.png) no-repeat;
   background-position: 0px 0px;
   position:relative;
}

#content {
	margin: 0px; padding:10px;
	width:740px;
	min-height: 400px;        /* solo lo interpreta el firefox */
	height: auto !important; /* Para el Firefox dejamos height a auto */
	height: 400px; /* El IE interpreta height como min-height*/
    background-color:#fff;
    /*background-color:#000;*/
    color:#555;
	float:left;
	text-align : justify;
	background-position: 0px 700px;
	background: url(./img/fondoContent.png) repeat-y;
	/*border:1px solid #fff;*/
	/*overflow:hidden;*/
}


#footer {
	margin:0px; padding:5px 10px;
	clear:both;  /*Se utiliza para que ningún elemento flotante pueda posicionarse a ninguno de los dos lados del pie*/
	width:740px;
	min-height: 15px;        /* solo lo interpreta el firefox */
	height: auto !important; /* Para el Firefox dejamos height a auto */
	height: 15px; /* El IE interpreta height como min-height*/
	text-align:center;
	/*overflow:hidden;*/ 
	font-size:smaller;
	color:#e3e3e3;
	background-color:#F60;
    border-top:2px solid #999;
}

#header2{
	height:5px;
	padding:0;margin:0;
	width:760px;
	display:block;
	line-height:5px;
	background-color: #F60;
	position:absolute; bottom:0px; left:0px;
}






.activeform {
	z-index:50;
	margin: 0 auto; padding: 4px 10px 0 10px;
	width:400px;
	min-height: 100px;        /* solo lo interpreta el firefox */
	height: auto !important; /* Para el Firefox dejamos height a auto */
	height: 100px; /* El IE interpreta height como min-height*/
	background-color:#999;
	color:#fff;
	text-align : left;
	border:1px solid #fff;
}
.activeform h2{
	margin: 8px 0 0 0;
	color:#fff;
}

input.mibutton,input.mibutton:active,input.mibutton:visited{ 
    background-color:#FFC34E;
    border:1px solid #555;
	margin: 4px 0; padding:2px;
    color:#fff;
	text-align:center;
    font-size:80%;
	height:20px;
}
input.mibutton:hover{ 
	color:#999;
}

.activeform select, input{
    background-color:#fff;
    border:1px solid #000;
	color:#999;
}

.noDec{
	border:0; margin:0; padding:0;
}

table.little{
	padding:0;
	/* margin:0 auto; */
	border-spacing:2px;
	background-color:#000;
	font-size:80%;
}

table.little thead{
	font-weight:bold;
	color:#999;
	background-color:#e3e3e3;
}

table.little tbody{
	color:#e3e3e3;
	background-color:#999;
}

table.little tr.clar{
	color:#555;
	background-color:#FFC34E;
}


table.little tr.pend{
	color:#555;
	background-color:#F75;
}

table.little tr.blavet{
	color:#555;
	background-color:#69c;
}


table.little td{
	padding:2px 8px;
}



.mlang{position:absolute; bottom:5px; right:5px; } 
.menutop{position:absolute; bottom:5px; left:25px;}
.logo{float:left;}



.textLeftDiv{float:left; margin:0; padding:0; width:400px;}
.linkh{float:right; background-color:#e3e3e3; border:1px solid #999; padding:3px; margin:0;}

.midLeft{float:left; width:480px;}
.midRight{float:right;}

.linkimg{border:0px; margin:0; padding:0;}
.linkimg2{ border: 4px solid #fff; margin: 0px auto;}

.regularImg{ border: 4px solid #fff; display:block; margin: 0px auto;}

.miniText{float:left; margin:0; padding:0; width:300px;}




a.calendar{text-decoration:none; color:#999;}

a.enlace{text-decoration:none; font-weight: bold; color:#555;} 
a.enlace:hover{color:#999;}

a.enlaceb{text-decoration:none; font-weight: bold; color:#fff;} 
a.enlaceb:hover{color:#e3e3e3;}

.imgcentrada {margin: 1em auto;}
.txtcentrado{text-align:center;}

.divcentrado{	margin:0; padding:0; text-align:center; }


/* ------------- Formulario Login ------------------------------------------------------------- */
.login_form { 
  margin:4px auto; padding:0; width:200px; text-align:center;
}

.login_form fieldset {
  background-color:#fff;  border:1px solid #999; padding: 5px; margin: 0;
}
.login_form fieldset legend {
    color:#555; font-weight:bold;  margin:0; padding:0 2px;
}

.login_form label {
    min-height: 18px;        /* solo lo interpreta el firefox */
    height: auto !important; /* Para el Firefox dejamos height a auto */	
	height:18px;
    padding: 0; margin:2px 2px 0 0;
    text-align:right;
}

.login_form input {
    min-height: 20px;        /* solo lo interpreta el firefox */
    height: auto !important; /* Para el Firefox dejamos height a auto */	
	height:20px;
	margin: 0 0 2px 2px; padding:2px;
    font-size:80%;
}

.login_form input#name {
    border:1px solid #A0A0A0;
    background:#eee url(icons/user.png) no-repeat left;
	width: 92px;
	padding:2px 0 0 20px;
}

.login_form input#pass {
    border:1px solid #A0A0A0;
    background:#eee url(icons/key.png) no-repeat left;
	width: 92px;
	padding:2px 0 0 20px;
}

/* ----------------------------------------------------------------------------------------- */

/* ------------- Formulario Normal ------------------------------------------------------------- */
.normal_form { 
  margin:4px auto; padding:0; width:520px;	text-align:left;
}

.normal_form fieldset {  background-color:#fff;  border:1px solid #999; padding: 5px; margin: 0 0 10px 0; }
.normal_form fieldset legend {  color:#555; font-weight:bold;  margin:0; padding:0 2px; }

.normal_form select{
	float:left;
	display:block;
	width:155px; 
}

.normal_form select.lsel{
	float:left;
	display:block;
	width:100px; 
}


.normal_form label{
	float: left;
	padding:0;
	margin: 4px 2px 0 8px;
	width: 80px;
	display:block;
}

.normal_form label.llab{
	width: 120px;
}

.normal_form label.llab2{
	width: 140px;
}

.normal_form label.newLine{
	clear:both;
}

.normal_form label.radiob{
	width:55px !important;
	width:40px;

}

.normal_form label.long{
	margin: 4px 2px 4px 8px;
	width: 300px;
	font-weight:bold;
	color:#999;
}

.normal_form input{
	margin: 4px 0; padding:2px;
    font-size:80%;
	float:left;
}
.normal_form input.short {
	margin: 4px 14px 4px 0;
	width:135px;
	display:block;
}
.normal_form input.short2 {
	width:135px;
	display:block;
}
.normal_form input.long {
	width:380px;
	display:block;
}

/* ----------------------------------------------------------------------------------------- */




/* ------------- Menú de Navegación DropDown ------------------------------------------------------------- */
ul.nav {list-style:none; margin:0; padding:0;}
ul.nav  li{margin:0;padding:0 1px;float:left;text-align:center; position:relative;  width:100px; }
ul.nav  li a{text-decoration:none; background-color:#F60; color:#fff; font-weight: bold; display:block; 
				line-height:17px; border-top:1px solid #fff;border-left:1px solid #fff; 
				border-right:1px solid #fff; padding:0;}
ul.nav  li a:hover{background-color:#fff; color: #F60; border-top:1px solid #fff;border-left:1px solid #fff; border-right:1px solid #fff;}

/* Parte Drop Down IMPORTANTE: Para que se seleccióne tb la de arriba hay que superponer el div con top:0 */
/* Para IE 6 hace falta javascript */
ul.nav  li ul{list-style:none; padding:0; margin:0; display:none; position:absolute; top:100%;left:0;}
ul.nav  li ul li{display:block; color:#fff; font-weight: bold;background:#F60; line-height:18px; border-bottom:1px solid	
				 #999;}
ul.nav  li ul li a:hover{color:#F60; background:#fff;}
ul.nav  li:hover ul,ul.nav  li.over ul{display:block;}
/* ---------------------------------------------------------------------------------------------------------- */








/* Estilos PuenteReal */

.Estilo3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}
.Estilo4 {
	color: #990000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Estilo8 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
}
.Estilo11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #990000; }
.Estilo15 {font-size: 10px}

a.real:link {
	color: #999999;
	text-decoration: none;
}
a.real:visited {
	color: #999999;
	text-decoration: none;
}
a.real:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a.real:active {
	color: #999999;
	text-decoration: none;
}
.Estilo18 {color: #FFFFFF; font-size: 12px; }

/* Estilos Calendario */

#calendarDiv{
	position:absolute; 
	top:0;
	left:50px;
	visibility:hidden; 
	background-color:white; 
	color:#999;
	}


	.TESTcpYearNavigation,
	.TESTcpMonthNavigation
			{
			background-color:#6677DD;
			text-align:center;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			}
	.TESTcpDayColumnHeader,
	.TESTcpYearNavigation,
	.TESTcpMonthNavigation,
	.TESTcpCurrentMonthDate,
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDate,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDate,
	.TESTcpCurrentDateDisabled,
	.TESTcpTodayText,
	.TESTcpTodayTextDisabled,
	.TESTcpText
			{
			font-family:Verdana,arial;
			font-size:8pt;
			color:#000000;
			}
	TD.TESTcpDayColumnHeader
			{
			text-align:right;
			border:solid;
			border-color:#6677DD;
			border-width:0 0 1px 0;
			}
	.TESTcpCurrentMonthDate,
	.TESTcpOtherMonthDate,
	.TESTcpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.TESTcpCurrentMonthDate
			{
			color:#6677DD;
			font-weight:bold;
			}
	.TESTcpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.TESTcpOtherMonthDate
			{
			color:#808080;
			}
	TD.TESTcpCurrentDate
			{
			color:#FFFFFF;
			background-color: #6677DD;
			border-width:1px;
			border:solid thin #000000;
			}
	TD.TESTcpCurrentDateDisabled
			{
			border-width:1px;
			border:solid thin #FFAAAA;
			}
	TD.TESTcpTodayText,
	TD.TESTcpTodayTextDisabled
			{
			border:solid;
			border-color:#6677DD;
			border-width:1px 0 0 0;
			}
	A.TESTcpTodayText,
	SPAN.TESTcpTodayTextDisabled
			{
			height:20px;
			}
	A.TESTcpTodayText
			{
			color:#6677DD;
			font-weight:bold;
			}
	SPAN.TESTcpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.TESTcpBorder
			{
			border:solid thin #6677DD;
			}