@charset "utf-8";
/* CSS Document */
.encabezado {
color: #FFFFFF;
}
.art-button-menu
{
   border-collapse: separate;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #FFFFFF;
   background: -webkit-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: -moz-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: -o-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: -ms-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   -svg-background: linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: linear-gradient(to bottom, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25);
   border:1px solid #C7C7C7;
  
   margin:0 auto;
   height:80px;
   width:130px;
}

.art-button
{
   border-collapse: separate;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #FFFFFF;
   background: -webkit-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: -moz-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: -o-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: -ms-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   -svg-background: linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: linear-gradient(to bottom, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25);
   border:1px solid #C7C7C7;
  
   margin:0 auto;
   height:30px;
  
}
.art-nav
{
	border-collapse: separate;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #FFFFFF;
   background: -webkit-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: -moz-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: -o-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: -ms-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   -svg-background: linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: linear-gradient(to bottom, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25);
   border:1px solid #C7C7C7;  
   margin:0 auto;	
}
#table {
	
	padding: 15px;
	margin-left:auto;
	margin-right:auto;
		border-collapse: separate;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #FFFFFF;
   background: -webkit-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: -moz-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: -o-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: -ms-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   -svg-background: linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: linear-gradient(to bottom, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25);
   border:1px solid #C7C7C7;  
   margin:0 auto;
	Color:Black;

}
table, h1{
		color: #FFFFFF;
}

#salones{
	
	
   	padding: 15px;
	margin-left:auto;
	margin-right:auto;
	
	border: 1px solid rgba(0,0,0,0.5);
	/*esquinas curvas*/
	-moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px;
	background: rgba(0,0,0,0.50);	
	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	color: #FFFFFF;
}
#menu,#submenu{
	
	
	margin: 15px;
   	padding: 15px;
	margin-left:auto;
	margin-right:auto;
	
	border: 1px solid rgba(0,0,0,0.5);
	/*esquinas curvas*/
	-moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px;
	background: rgba(0,0,0,0.50);	
	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	color: #FFFFFF;
}

#login{
	
	margin: 10% auto;
   	padding: 15px;
	margin-left:auto;
	margin-right:auto;
	
	border-collapse: separate;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #FFFFFF;
   background: -webkit-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: -moz-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: -o-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: -ms-linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   -svg-background: linear-gradient(top, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   background: linear-gradient(to bottom, #D7DADA 0, #FAFAFA 20%, #E4E6E7 50%, #D2D5D5 80%, #DDDFDF 100%) no-repeat;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.25);
   border:1px solid #C7C7C7;  
  
	color:Black;
	height:400px;
	width:350px;
	

	
}


tr:hover {
background-color:#00c4ff;
border-style:none;
color:#ffffff;

background-position:0 100px;
text-decoration:none;
}

#avisos{


top:0%;
left:0%;
margin-left: -200px;
margin-top: -250px;
float: left;
	margin: 2px;
   	padding: 5px;
	border: 1px solid rgba(0,0,0,0.5);
	
	background: rgba(0,0,0,0.25);
	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	color: #FFFFFF;
}
#Busqueda{
top:0px;
float: right;

width:190px;	
}
.Titulos{


}
.Titulosfijo{
top:1px;
position:fixed;
margin: 2px;
padding: 2px;
}
.divfondotitulos{


width:99%;


.tabladatos{

	margin: 5px;
   	padding: 5px;
	border: 1px solid rgba(0,0,0,0.5);
	
	background: rgba(0,0,0,0.9);
	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	color: #FFFFFF;
}
.divcabeza{
position:fixed;
background-color: #CCCCFF;
width:99%;
height:100px;
}


/*@media screen{body>div#contenido{position:obsolute;}}*/
* html body{overflow:hidden;} 
* html div#body{height:100%;overflow:auto;}
#contenidos {
position:absolute;
}
#contenidos {
	
	color:white;
	position:absolute;
	bottom:0;
	left:0;
	border-top:4px solid #47d;
	width:100%;
	background:black;
	
	margin: 0px;
	padding: 10px;
	border: 1px solid rgba(0,0,0,0.5);
	
	background: rgba(0,0,0,0.25);
	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	color: #FFFFFF;
}

#boxA {
	/*style="TOP: 80px; LEFT: 730px;" style="TOP: 80px; LEFT: 620px;"*/
	
	
	margin: 10px;
	padding: 10px;
	border: 1px solid rgba(0,0,0,0.5);
	
	background: rgba(0,0,0,0.25);
	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	color: #FFFFFF;
}
#calendariodias {
	
	
	border: 1px solid rgba(0,0,0,0.5);
	position:relative;
	background: rgba(0,0,0,0.25);
	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	color: #FFFFFF;
}

/*ventanas emergentes*/

/* Capas de transparencia y mensajes de confirmacion */


#transparencia {
	
	width:97%;
	position:fixed;
	display:none;
	top:0%;
	left:0%;
	
	margin: 10px;
	padding: 10px;
	border: 1px solid rgba(0,0,0,0.5);

	background: rgba(0,0,0,0.25);
	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	color: #FFFFFF;
}

#transparenciafoto {
	
	
	width:97%;
	height:95%;
	position:fixed;
	display:none;
	top:0%;
	left:0%;
	
	margin: 10px;
	padding: 10px;
	border: 1px solid rgba(0,0,0,0.5);

	background: rgba(0,0,0,0.25);
	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

	color: #FFFFFF;
}



Read more: http://www.joseblog.netau.net/web_design/glass-effect-using-css.php#ixzz21k9V9v00

div.ventana{
color:#FFFFFF;
}
div.filtro {
background-color: #00000;
height: 200px;

padding: 10px;
/*para Firefox*/
-moz-border-radius: 15px 15px 15px 15px;
/*para Safari y Chrome*/
-webkit-border-radius: 15px 15px 15px 15px;
}


OPTION
{
background-color:#666;
color:#FFF;

}

.nuevo
{
background-color:#D15555;
color:#FFF;

}


#transparenciaMensaje
{
	position:absolute;
	width:100%;
	height:32px;
	margin-top:5px;
	margin-left:0px;
	top:0%;
	left:0%;
}




#transparenciaMensajefoto
{
	position:absolute;
	width:100%;
	height:100%;
	margin-top:5px;
	margin-left:0px;
	top:15%;
	left:0%;
}
/* Mensajes de ayuda */

#mensajesAyuda
{
	width:160px;
	font-family:Verdana;
	font-size:10px;
	border:1px solid #000000;
	position:fixed;
	top:-10px;
	left:0px;
	display:none;
	text-align:center;
}

#ayudaTitulo
{
	background-color:#000000; 
	color:#FFFFFF; 
	padding:1px;
}
#total
{
	background-color:#F2F5B4; 
	color:#000000; 
	padding:1px;
}


#ayudaTexto
{
	vertical-align:middle;
	padding:2px;
}


.label { width:110px; text-align:left; }

.campo { width:120px; }

.ayuda { width:50px; text-align:center; }
.inputNormal { border:1px solid; }

.inputError
{
	border:1px solid #FF0000;
	background-color:#FFF4F0;
	color:#FF0000;
}

a {
	text-decoration: none;
}



a:hover {
	text-decoration: underline;
}



ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav a {
	font-weight: bold;
	color: Black;
}

#nav a {
	text-decoration: none;
}

#nav li li a {
	display: block;
	font-weight: normal;
	color: #060;
	padding: 0.2em 10px;
}

#nav li li a:hover {
	padding: 0.2em 5px;
	border: 5px solid #7d6340;
	border-width: 0 5px;
}

li#subcategorias {
	float: left;
	position: relative;
	width: 10em;
	text-align: center;
	cursor: default;
	background-color: white;
	border: 1px solid #7d6340;
	border-width: 1px 0;
}

li#first {
	border-left-width: 1em;
}

li#last {
	border-right-width: 1em;
}

li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;

	font-weight: normal;
	
	padding: 0.1em 0 1em 0;
	border-right: solid 1px #7d6340;
}

li>ul {
	top: auto;
	left: auto;
}

li li li {
	display: block;
	float: none;
	background-color: transparent;
	
}

li:hover ul, li.over ul {
	display: block;
}

hr {
	display: none;
}



p.image {
	float: right;
	font-size: 0.8em;
	text-align: center;
	color: #7d6340;
	padding: 1.25em 1.25em 0.25em 0.25em;
}

p.image img {
	display: block;
	border: 1px solid #7d6340;
}

span#fecha          { 
	
	position        : absolute;
	left            :   -45.00pt;
	top             :   55.00pt;
	
	}
span#datosmario          { 
	
	position        : absolute;
	left            :   0.00pt;
	top             :   115.00pt;
	
	}
span#datoscliente            { 
	
	position        : absolute;
	left            :   50.00pt;
	top             :   160.00pt;
	
	}

span#datosenvio             { 
	
	position        : absolute;
	left            :   300.00pt;
	top             :   160.00pt;
	
	}
span#datosproductos            { 
	
	position        : absolute;
	left            :   0.00pt;
	top             :   255.00pt;
	
	}

span#letra          { 
	
	position        : absolute;
	left            :   -10.00pt;
	top             :   620.00pt;
	
	}
span#subtotal         { 
	
	position        : absolute;
	left            :   -10.00pt;
	top             :   662.00pt;
	
	}
span#letra2          { 
	
	position        : absolute;
	left            :   80.00pt;
	top             :   693.00pt;
	
	}
span#iva          { 
	
	position        : absolute;
	left            :   -10.00pt;
	top             :   705.00pt;
	
	}
span#total          { 
	
	position        : absolute;
	left            :   -10.00pt;
	top             :   745.00pt;
	
	}
span#imagen         { 
	
	position        : absolute;
	left            :   560.00pt;
	top             :   260.00pt;
	
	}


                p#vtip { display: none; position: absolute; padding: 5px; left: 5px; font-size: 0.75em;  border: 1px solid #666666; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999;color:white } 
                p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px } 
                .ok{border:1px dotted green;color:green;padding:10px} 
                #agenda{margin:10px;width:980px;margin:0 auto} 
                #agenda h1{text-align:left;margin:0;font-size:1.5em;color:#312c2b} 
                #agenda h2{text-align:left;margin:0;font-size:1em;color:#969696} 
                #agenda table.calendario {margin:10px auto;width:100%;border:1px dotted #ccc;font-size:12px;} 
                .calendario th {border:1px dotted #ccc;font-weight:bold;background:#666;color:black;padding:10px 5px;} 
                .calendario td{padding:10px 5px;text-align:center;border:1px dotted #ccc;width:100px;white-space:pre-line;} 
                .calendario td p{margin:5px;font-size:12px;border:1px solid #ccc;text-align:left;padding:5px} 
                .calendario td.desactivada {background:#dcdcdc;} 
                .calendario td.activa {} 
		.calendario td.falta {background:#E33636;} 
		.calendario td.retardo {background:#D7DE56;} 
		.calendario td.evento {background:#39BA4B;color:white} 
                .calendario td.hoy{font-weight:bold} 
                .calendario form{margin:5px 0 !important} 
                .calendario input.text{border:1px dotted #ccc;background:white;width:200px !important} 
                .calendario input.enviar{border:1px dotted #ccc;background:white;width:70px !important;background:#ccc;margin:0 0 0 10px;} 
                .calendario td img{vertical-align:middle;float:right;border:0;width:16px;height:16px} 
                .vtip{cursor:pointer;} 
                .verde{font-size:125% !important;font-weight:bold;color:green;} 
                .rojo{font-size:125% !important;font-weight:bold;color:red;}