@import "font-awesome.min.css";

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

body {
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.derechos {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;	
	color: #717171;
}

a:link {text-decoration: none; color:#F00;}
a:visited {text-decoration: none; color: #F00;}
a:active {text-decoration: none; color: #F00;}
a:hover {text-decoration: underline overline; color:#F00;}

select {

  font-size: 9px;

  font-family: "MS Sans Serif", sans-serif;

   color: #000066 ;



}

.registros {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

}

.rojas {

	font-size: 12px;

	font-weight: bold;

	color: #FF0000;

}

.verde {

	font-size: 12px;

	font-weight: bold;

	color: #009900;

}







.letrasGrandes {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

}

.letraschicas {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

}



input {

  font-size: 9px;

   font-family: "MS Sans Serif", sans-serif ;

   color: #000066 ;

   text-align:right;

  }



textarea {

  font-size: 9px;

   font-family: "MS Sans Serif", sans-serif ;

   color: #000066 ;

  }





button{

 font-size: 8px;

 font-family:  "MS Sans Serif", sans-serif ;

 text-align:left;

}



.otrobutton{

 font-size: 13px;

 font-family:  "MS Sans Serif", sans-serif ;

 text-align:center;

}

textarea {
    resize: none;
}

.radioYcheckChicos {width: 20px; height: 20px; margin: 0; border: 0; padding: 0;}

.btnNotify, .btnModify, .btnPdf{
    display: inline-block;
    padding: 3px;
}
.btn{
    margin:3px;
    padding: 5px 10px;
    font-size: 12px;
}
.mailto{
    margin: 5px;
    padding: 5px;
    width: 350px;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .8 )
    url(/images/Preloader_3.gif)
    50% 50%
    no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    /* overflow: hidden;*/
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}