@charset "utf-8";

body{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*margin: 10px 10px 10px 10px;
	padding: 0 0 0 0;*/
	color:#000000;
	background:#ffffff;
    text-shadow:rgba(0,0,0,0.01) 0 0 0;
}

.asterisco {	
  color:#F80307;
  font-size: 12px;
  font-weight: bold;
}

div.error{

/*background-color:#FFB2B2;
border:1px solid #ff1111;
margin-bottom:5px;*/
padding:3px;
/*width:305px;*/
color:#F80307;
font-weight: bold;

}

table{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*
a:link, a:visited{
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#0379A1;
	text-decoration: underline;
}

a:active{
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#0482AD;
	text-decoration: underline;
	background-color:#D9DFED;
	width: 125px;
}

a:hover{
	text-decoration: none;
	background-color:#D9DFED;
	width: 125px;
}
*/
/*********************************************************/

.greenButton{
	width:auto;
	margin:0px 0 0 2px;
	padding:1px 2px 1px 2px;
	/*padding:3px 4px 3px 4px;*/
	color:white;
	background-color:#589d39;
	outline:none;
	border:1px solid #508F34;
	font-weight:bold;
	cursor:pointer;
}
.greenButton:active{
	background-color:#508F34;
	padding:0px 3px 2px 5px;
}

.blueButton{
	/*width:auto;*/
	margin:0px 0 0 2px;
	padding:1px 3px 1px 3px; 
	color:white; 
	background-color:#006A9D;
	outline:none;
	border:1px solid #005984;
	font-weight:bold;
	cursor:pointer;
	/*
	background-image:url(magnifier.png);
	background-repeat: no-repeat;
	padding-left: 24px;
	*/
}

.blueButton:active{
	background-color:#005984;
	padding:0px 3px 2px 5px;
}
/*******************************/

.bluebuscarButton{
	margin:0px 0 0 2px;
	padding:1px 3px 1px 3px; 
	color:white; 
	background-color:#006A9D;
	outline:none;
	border:1px solid #005984;
	font-weight:bold;
	cursor:pointer;
	background-image:url(lupa.GIF);
	background-repeat: no-repeat;
	padding-left: 22px;
}

.bluebuscarButton:active{
	background-color:#005984;
	padding:0px 3px 2px 5px;
	background-image:url(lupa.GIF);
	background-repeat: no-repeat;
	padding-left: 22px;
}



.boton2{
	/*width:auto;*/
	margin:0px 0 0 2px;
	padding:0px 2px 1px 2px; 
	color:white; 
	background-color:#006A9D;
	outline:none;
	border:1px solid #005984;
	font-weight:bold;
	cursor:pointer;
}

.boton2:active{
	background-color:#005984;
	padding:0px 3px 2px 5px;
}
/*********************************************************/

input{
	padding:2px;
	color:#333333;
	border:1px solid #cccccc;/*#96A6C5*/
	margin-top:2px;
	/*width:120px;*/
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
select{
	padding:2px;
	color:#333333;
	border:1px solid #cccccc;
	margin-top:2px;
	/*width:120px;*/
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/********************** MARCO ESPECIAL EN LAS HOJA ***************/
.marcoT{
	border-color:#cccccc;
	border-style:dashed;
	border:none;
	/*margin:15px 0px 0px 5px;*/
	box-shadow:0px 5px 7px #B5C1C5, 0 0 0 7px #f5f5f5;
	background-color:#FFFFFF;
	}

/**********************************************************/
table.freport{
	/*width:750;
	width:98%;*/
	background-color:#535353;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	 
	border: solid #ccc 0px;
   /* -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;*/
    -webkit-box-shadow: 1 1px 1px #000; 
    -moz-box-shadow: 1 1px 1px #000; 
    box-shadow: 1 1px 1px #000;
	*border-collapse: collapse;/* IE7 and lower */
	 border-spacing: 1;
	}

/***************************** TABLA ***********************/

table.fTabla{
	width:98%;
	background-color:#E5E5E5;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;
	*border-collapse: collapse;/* IE7 and lower */
	 border-spacing: 0;
	}
table.fTabla th, table.fTabla td{text-align:left;padding:.3em;border:1px solid #fff;}
table.fTabla th{background:#005984 url(fancy_shadow_n.png) repeat-x;color:#000;} /* #328aa4 =azul oscuro    #e5f1f4=azul claro    */
table.fTabla td{background:#e5f1f4;}
/* tablecloth styles */
table.fTabla tr.even td{background:#f8f8f8;} /* axul claro*/
table.fTabla tr.odd td{background:#fff;} /*f8fbfc */
th.over, tr.even th.over, tr.odd th.over{background:#4a98af;}  /*celeste oscuro*/
th.down, tr.even th.down, tr.odd th.down{background:#bce774;}  /* verde lechuga */
th.selected, tr.even th.selected, tr.odd th.selected{}
table.fTabla td.over, table.fTabla tr.even td.over, table.fTabla tr.odd td.over{background:#ADC5C5;} /*#ADC5C5  #ecfbd4 = Verde claro   */
table.fTabla td.down, table.fTabla tr.even td.down, table.fTabla tr.odd td.down{background:#005984;color:#fff;} /*#bce774=VERDE OSCURO*/
table.fTabla td.selected, table.fTabla tr.even td.selected, table.fTabla tr.odd td.selected{background:#BBD0CE; color:#555;}
/* use this if you want to apply different styleing to empty table cells*/
table.fTabla td.empty, table.fTabla tr.odd td.empty, table.fTabla tr.even td.empty{background:#fff;}

/***************************** TABLA 2***********************/
table.fSubTabla{
	width:800;
	background-color:#E5E5E5;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* border:0;
	cellpadding="2" cellspacing="1"
	*/
	}
table.fSubTabla th, table.fSubTabla td{text-align:left;padding:.3em;border:1px solid #fff;}
table.fSubTabla th{background:#005984 url(fancy_shadow_n.png) repeat-x;color:#000;} /* #328aa4 =azul oscuro    #e5f1f4=azul claro    */
table.fSubTabla td{background:#e5f1f4;}
/* tablecloth styles */
table.fSubTabla tr.even td{background:#f8f8f8;} /* axul claro*/
table.fSubTabla tr.odd td{background:#fff;} /*f8fbfc */
th.over, tr.even th.over, tr.odd th.over{background:#4a98af;}
th.down, tr.even th.down, tr.odd th.down{background:#bce774;}
th.selected, tr.even th.selected, tr.odd th.selected{}
table.fSubTabla td.over, table.fSubTabla tr.even td.over, table.fSubTabla tr.odd td.over{background:#ADC5C5;} /*#ADC5C5  #ecfbd4 = Verde claro   */
table.fSubTabla td.down, table.fSubTabla tr.even td.down, table.fSubTabla tr.odd td.down{background:#005984;color:#fff;} /*#bce774=VERDE OSCURO*/
table.fSubTabla td.selected, table.fSubTabla tr.even td.selected, table.fSubTabla tr.odd td.selected{background:#BBD0CE; color:#555;}
/* use this if you want to apply different styleing to empty table cells*/
table.fSubTabla td.empty, table.fSubTabla tr.odd td.empty, table.fSubTabla tr.even td.empty{background:#fff;}
/*************************************************************/

/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
.loader{
    display: none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin: auto;
    height: 200px;
    width: 200px;
	float:inherit;
	/*background-color:#CCC;*/
	text-align:center;
}

/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
#celda_resaltada{
    background : #FFFF99;
    border : 1px dotted #FFCC33;
    widht: 100%;
    font-weight : bold;
}

#celda_resaltada_blanco{
    background : #FFFFFF;
    border : 1px dotted #FFF;
    widht: 100%;
    font-weight : bold;
}

#celda_resaltada_red{
    background : #F8BCBD;
    border : 1px dotted #F80307;
    widht: 100%;
    /*font-weight : bold; */
}

/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*
{font-family:Arial}
h1{width:660px;margin:10px auto;font-size:23px;text-align:center;padding:10px}
p.alerta{border:1px solid gold;width:660px;margin:10px auto;padding:10px;text-align:center;font-family:Arial;font-size:13px}


form {width: 95%;font-size: 1.0em;color: #333;margin:50px auto;padding:0}
fieldset {border: 1px dotted #ccc;padding:10px}
form legend, form label {color: #333;}


fieldset p {padding: 5px 10px 7px;}
input,textarea{border:1px solid #ccc;height:21px;font-size:12px}*/

form label.error, label.error {color: red;font-style: italic}
div.errorj { display: none; }


input:focus,textarea:focus { border: 1px dotted black; }
input.error,textarea.error { border: 1px dotted red; }
 form .submit { color: gray;width:150px }

#mensaje{width:700px;margin:10px auto;text-align:center}


label{
    display: block
}   
 /*
.formu{
    padding: 5px;
    margin: 0px 0px 10px 20px
}
.campo{
    padding: 5px; width: 350px;
    box-shadow:0 0 0 3px #EEF5F7;
}
fieldset{
    font-weight: bold;
    width: 600px; 
    margin: 50px 0px 0px 300px; 
    border: none; 
    box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #edfcff;
}
legend{
    margin: 30px 0px 15px 20px
}

textarea{
    box-shadow:0 0 0 3px #EEF5F7;
}
     */      

            
.correcto{
    background-color: #EEF5f9;
    box-shadow: 0px 0px 1px 1px #000;
    width: 270px; 
    margin-left: 20px
}