body
{
 font-family:Arial,Helvetica,Sans Serif;
 #margin-left:2%;
 #margin-right:2%;
 padding:0px 1px 0px 1px;
 background-color:#4D4D4D;
 background-image:url("./fondoweb.png");
 color:#FFFFFF;
 #text-align:center;
}

a{

	cursor: pointer;

}

.enlace{

	cursor: pointer;

}

a:link   
{  
 color:#292929;
 text-decoration:none;   
 font-weight:bold;
}  

a:active 
{   
 color:#292929;
 text-decoration:none;   
 font-weight:bold;
}  

form { margin-bottom: 0; }

a:visited  
{   
 color:#292929;
 text-decoration:none;   
 font-weight:bold;
}  


a:hover   
{   
 color:#CA0000; 

}  


button:hover   
{   
 background-color:#A52A2A; 
 color:#FFFFFF;
 border:1px solid #4D4D4D;

}  


button  
{   
	
 background-color:#99CC00;		
 border:1px solid #4D4D4D;
 color:#ffffff;
 font-weight:bold;

} 


button.dark  
{   
	
 background-color:#292929;		
 border:1px solid #4D4D4D;
 color:#EDEDED;
 font-weight:bold;

} 

button.dark:hover   
{   
 background-color:#A52A2A; 
 color:#FFFFFF;
 border:1px solid #4D4D4D;

}  


 input:hover   
{   
 background-color:#FFC153; 


}  


input{

 font-weight:bold;

}

.btn:hover   
{   
 background-color:#A52A2A; 
 color:#FFFFFF;

}  

.btn
{

	background-color: #4D4D4D;

}

.thin{

	font-family: Arial, Verdana, sans-serif;
	font-size:8pt;
	font-weight: bold;
	#border:1px solid #4D4D4D; 
	padding:1px 1px 1px 1px;


}

tr.fila:nth-child(odd) {
    background: #E5E5E5;
}

tr.fila:nth-child(even) {
    background: #E6E6FA;
}

input.caja{

		width:100%;

}


.caja{
	
	font-family: Arial, Verdana, sans-serif;
	#font-size:10pt;
	font-weight: bold;
	border:1px solid; 
	padding:4px;
	vertical-align: middle;
	filter: alpha(opacity=95); opacity: .95;
	 border-radius: 7px; 
	-moz-border-radius: 7px;-webkit-border-radius: 7px;
	-ms-border-radius: 7px; -khtml-border-radius: 7px;

}




.caja2{
	
	font-family: Arial, Verdana, sans-serif;
	#font-size:10pt;
	#font-weight: bold;
	width:100%;
	font-weight: bold;
	border:1px solid; 
	padding:4px;
	color:#000000
	#vertical-align: middle;
	#filter: alpha(opacity=75); 
	#opacity: .75;
	 border-radius: 7px; 
	-moz-border-radius: 7px;-webkit-border-radius: 7px;
	-ms-border-radius: 7px; -khtml-border-radius: 7px;

}

.cajaleft{
	
	font-family: Arial, Verdana, sans-serif;
	#font-size:10pt;
	#font-weight: bold;
	#width:100%;
	#border:1px solid; 
	padding:4px;
	color:#000000
	#vertical-align: middle;
	#filter: alpha(opacity=75); 
	#opacity: .75;
	 border-radius:  5px 0px 0px 5px; 
	-moz-border-radius:  5px 0px 0px 5px;-webkit-border-radius:   5px 0px 0px 5px;
	-ms-border-radius:   5px 0px 0px 5px; -khtml-border-radius:   5px 0px 0px 5px;

}


.cajaright{
	
	font-family: Arial, Verdana, sans-serif;
	#font-size:10pt;
	#font-weight: bold;
	#width:100%;
	#border:1px solid; 
	padding:4px;
	color:#000000
	#vertical-align: middle;
	#filter: alpha(opacity=75); 
	#opacity: .75;
	 border-radius:  0px 5px 5px 0px; 
	-moz-border-radius:  0px 5px 5px 0px;-webkit-border-radius:   0px 5px 5px 0px;
	-ms-border-radius:   0px 5px 5px 0px; -khtml-border-radius:   0px 5px 5px 0px;

}



.cajatop{
	
	font-family: Arial, Verdana, sans-serif;
	#font-size:10pt;
	#font-weight: bold;
	#width:100%;
	border:1px outset; 
	padding:4px;
	color:#000000
	#vertical-align: middle;
	#filter: alpha(opacity=75); 
	#opacity: .75;
	# border-radius:  0px 0px 15px 15px; 
	#-moz-border-radius:  0px 0px 0px 0px;-webkit-border-radius:   0px 0px 0px 0px;
	#-ms-border-radius:   0px 0px 0px 0px; -khtml-border-radius:   0px 0px 0px 0px;

}





input.numero{
	border:1px solid #FFA500;
	width:2.5em;
	height:2.5em;
	margin:1px;
	color:#FFA500;
	background-color:#1A1A1A;
	
	border-radius: 5px; 
	-moz-border-radius: 5px;-webkit-border-radius: 5px;
	-ms-border-radius: 5px; -khtml-border-radius: 5px;
	
	
}

input.funcion{
	border:1px solid #FFA500;
	width:2.5em;
	height:2.5em;
	margin:1px;
	color:#FFA500;
	background-color:#4D4D4D;
	
	border-radius: 5px; 
	-moz-border-radius: 5px;-webkit-border-radius: 5px;
	-ms-border-radius: 5px; -khtml-border-radius: 5px;
	
	
}



td{
margin-right:3%;
margin-left:3%;
#border:1px solid; 
padding:3px;
font-weight:bold;
#border:none;
color:#000000;
font-size:10pt;
vertical-align:middle;

}


td.clean{}



.modal-dialog {
  background: #fefefe;
  border: #333333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 50%;
  top: -100%;
  z-index: 11;
  width: 360px;
  -webkit-transform: translate(0, -500%);
  -ms-transform: translate(0, -500%);
  transform: translate(0, -500%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}


div.fixedHeaderTable {
         position: relative;
}


div.fixedHeaderTable table {
    width:100%;
    border-collapse: collapse;
    border-width: 1px;
    border-style:solid;
    font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}


div.fixedHeaderTable thead {
    border-bottom-style:solid;
}


div.fixedHeaderTable tbody {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

div.fixedHeaderTable table th {
    background-color:#CCCCCC;
    padding:5;
    border-bottom-style:solid;
}

div.fixedHeaderTable table tr {
}
 

div.fixedHeaderTable table td {
    padding-right:5;
    padding-left:5;

}

 div.fixedHeaderTable thead td, div.fixedHeaderTable thead th {
     position:relative;
 }


td.boxed{

	 border-radius: 8px; 
	-moz-border-radius: 8px;-webkit-border-radius: 8px;
	-ms-border-radius: 8px; -khtml-border-radius: 8px;



}

td.boxed:hover{

	background-color:#1E4D1E;
	color:#E5E5E5;



}


#basic-accordiantyj{
	border:5px solid #EEE;
	padding:5px;
	width:100%;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-175px;
	z-index:2;
	margin-top:-100px;
}

.accordion_headings{
	padding:5px;
	background:#99CC00;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#FFA500;
}

.accordion_child{
	padding:15px;
	background:#EEE;
}

.header_highlight{
	background:#FFA500;
}



#boxed{

	 border-radius: 4px; 
	-moz-border-radius: 4px;-webkit-border-radius: 4px;
	-ms-border-radius: 4px; -khtml-border-radius: 4px;



}

	
############CALENDARIO	
	
td.dactivo{
	background-color:#c1d900;
	width: 12%;
	padding: 0.2em;
	text-align: left;
	vertical-align: top;
	margin: 0.5em;
    font-weight: bold;
    #filter: alpha(opacity=75); 
    #opacity: .75;
	border-radius: 3px; 
	-moz-border-radius: 3px;-webkit-border-radius: 3px;
	-ms-border-radius: 3px; -khtml-border-radius: 3px;
	overflow: auto;
}	
	
td.dactivo:hover{
	background-color:#f43c17;
	
	}
	
	
	
#diaactivo {
	width: 100%;
	height: 10px;
	#min-height:12px;
	#max-height:12px;
	font-weight: bold;
	text-align: left;
		
	/* For general browser */
  max-width: 100%;
  max-height: 10px;

  /* For Firefox browser */
  -moz-width: 100%;
  -moz-height: 10px;

  /* For Chrome and Safari browser */
  -webkit-width: 100%;
  -webkit-height: 10px;

  /* For Opera browser */
  -o-width: 100%;
  -o-height: 10px;
  
  
  
  overflow: auto;
  
}	


	
td.diapasivo {
	background-color:#cfcfcf;
	width: 10%;
	height: 10px;
	margin: 0.1em;
	filter: alpha(opacity=75); opacity: .75;
	  border-radius: 3px; 
	-moz-border-radius: 3px;-webkit-border-radius: 3px;
	-ms-border-radius: 3px; -khtml-border-radius: 3px;

}

.boxed{
	padding:6px;
	 border-radius: 8px; 
	-moz-border-radius: 8px;-webkit-border-radius: 8px;
	-ms-border-radius: 8px; -khtml-border-radius: 8px;

}

.miniboxed{
	padding:3px;
	 border-radius: 4px; 
	-moz-border-radius: 4px;-webkit-border-radius: 4px;
	-ms-border-radius: 4px; -khtml-border-radius: 4px;

}

#rotado{

    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb;
}

.rotado{

    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb;
}