BODY {
 color: black;
 font-family: 'Open Sans', Tahoma, Arial;
 width: 100%;
 font-size: 10pt;
 margin: 0px;
 padding: 0px;
}

input[type=button], input[type=submit], input[type=reset] {
 background-color: #FF4000;
 border: none;
 color: white;
 padding: 8px 16px;
 text-decoration: none;
 margin: 4px 2px;
 cursor: pointer;
 font-size: 9pt;
}

.login {
margin: auto;
width:50%;
max-width: 400px;
}


table {
 margin: auto;
 border: 1px solid #FF4000;
}

.tableb0 {
 margin: auto;
 border: 0px;
 padding: 0px;
 }

.titulo1 {
  background-color: #FF4000;
  font-size: 11pt;
  text-align: center;
  color: white;
  font-weight: bold;
  padding: 10px;
}

.titulo2 {
  background-color: #FF4000;
  font-size: 10pt;
  text-align: center;
  color: white;
  font-weight: bold;
  padding: 5px;
}

.titulo3 {
  background-color: #DD2000;
  font-size: 10pt;
  text-align: center;
  color: white;
  font-weight: bold;
  padding: 5px;
}

.titulo4 
{
 vertical-align: top;
 text-align: right; 
 font-size: 10pt;
}

.titulo5 {
  background-color: #555;
  font-size: 10pt;
  text-align: center;
  color: white;
  font-weight: bold;
  padding: 2px;
}

.parrafo 
{
 vertical-align: top;
 text-align: left; 
 font-size: 11pt;
}

.error1 {
  text-align: center;
  font-weight: bold;
  color: red;
}

.alert {
  font-weight: bold;
  color: red;
}

.info1 {
  text-align: center;
  font-weight: bold;
  color: black;
}

.info2 {
  text-align: left;
  font-weight: bold;
  color: black;
}

.PopUp {
margin: auto;
width:70%;
max-width: 600px;
}

.tituloPU {
  background-color: #FF4000;
  font-size: 11pt;
  text-align: center;
  color: white;
  font-weight: bold;
  padding: 10px;
}

textoPU{
  font-size: 11pt;
  text-align: center;
}



.infoPU {
  font-size: 8.5pt;
  text-align: center;
  font-weight: bold;
  color: black;
}

.blanco {
background-color: #FFF;
}

.gris
{
background-color: #EEE;
}

.noactivo {
background-color: #666;
color: #FFF;	
}

.footer1 {
  background-color: #FF4000;
  text-align: right;
  color: white;
  padding: 2px;
  font-size: 7pt;
}

input:invalid {
  border: 1px solid red;
}

input:valid {
  border: flutter;
}

/*MENU HEADER*/
#header {
 position: absolute;
 top: 20px;
 right: 20px;
 width:100%;
}

ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  z-index:100;
  float:right;
}

.nav li a {
 background-color: #FF4000;
 color: #FFF;
 font-size:10.5pt;
 text-transform:uppercase;
 text-decoration: none;
 padding: 10px 10px;
 display: block;
}
.nav li a:hover {
 background-color: #DD2000;
 color: #DDD;
}

.nav > li {
float: left;
}

.nav li ul {
 display: none;
 position: absolute;
 min-width: 150px;
}

.nav li:hover > ul {
 display:block;
}

.nav li ul li {
 position: relative;
}

.nav li ul li ul {
 right:-150px;
 top: 0px;
}


.center2 {
 margin: 0 auto;
}

/*FOOTER*/
.foot1 {
 display: flex;
 justify-content: center;
 align-items: center;
}

.foot2 {
 position: relative;
 float: center;
 width:50%;
 text-align: center;
 border: 1px solid #FF4000;
}

/*PAGINACION*/
.pg1 {
 display: flex;
 justify-content: center;
 align-items: center;
}

.pg2 {
 position: relative;
 float: center;
 width:1200px;
 text-align: center;
 border: 1px solid #FF4000;
}


fieldset
{
 border: 1px solid #FF4000;
 color:#333;
 background-color:#EEE;
 font-weight:bold;
}

.modal{
position: absolute;
top:0px;
left:0px;
/*position: fixed;*/
width:100%;
height: 100vh;
background: rgba(0,0,0,0.81);
display: none;
}

.bmodal{
width: 100%;
height: 100%;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
justify-content: center;
align-items: center;
}

#form_add_hh_day
{
background: #FFF;
padding: 50px;
width:450px;
text-align:center;
}

.modal h1{
color:FF4000;
text-transform: uppercase;
}

.modal h2{
color:FF4000;
text-transform: uppercase;
margin-top: 20px;
}


.loading{
 position: absolute;
 top: 50%; 
 left: 50%;
 transform: translate(-50%, -50%);
 display: none;
}

.vert{
	writing-mode: vertical-rl;
	transform: rotate(180deg);

}

@media screen and (max-width: 1024px)
{
	


}