div#menu_iz
{
	height: 680px;
	width: 14.8%;
	float: left;
	background-repeat:no-repeat
}

div#page_der
{
	float: right;
	height: 680px;
	width: 85.2%;
	position: relative;
	right: 1px;
}

div#top_header
{
	width:100%;
	height:25%;
	background-repeat:no-repeat;
}

div#middle_page
{
	width:100%;
	height:75%;
	overflow:scroll;
}

span div
{
    float:left;
}

span div input
{
    margin:0;
}

span.login_lbl
{
	font-family: Verdana;
	font-weight: bold;
	color: rgb(0,51, 204);
}

a.ctl00_Content2_btnRecordarPassword
{
	font-family: verdana;
	font-weight: bold;
	font-size: 10pt;
}
input#ctl00_Content2_btnEntrar
{
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	font-size: 8pt;
	background-color: white;
	margin: 5px 0 0 0;
	border: solid 1px black;
	font-family: Verdana;
	font-weight: bold;
	color: rgb(0,0, 102);
	width:55px;
	display:inline;
	height:17px;
}

div ul
{
	margin-left: -30px;
}

div ul li 
{
	list-style:none;
	margin:5px;
}
.Menu
{
	font-family: verdana, Arial;
	font-weight: bold;
	font-size: 10pt;
	color:White;
	text-decoration:none;
}
.Menu:hover, .Menu:active
{
	font-family: verdana, Arial;
	font-weight: bold;
	font-size: 10pt;
	color:yellow;
	text-decoration:underline;
}
.tituloStyle
{
	-webkit-border-radius : 5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}

.btn_gnrl
{
	border:solid 1px black;
	font-family: Verdana;
	font-weight: bold;
	font-size: 8pt;
	text-decoration:none;
	color:White;
	background-color:rgb(51,102,153);
	margin:4px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	}

.btn_gnrl_disabled
{
    width:80px;
	border:solid 1px black;
	font-family: Verdana;
	font-weight: bold;
	font-size: 8pt;
	text-decoration:none;
	color:Black;
	background-color:Gray;
	margin:4px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	height:20px;
}


.clsBotonAccion 
{
	BACKGROUND-COLOR: #eeeeee;
	FONT-FAMILY: Verdana, arial; 
	FONT-SIZE: 9pt; 
	FONT-WEIGHT: bold; 
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none}

.listaOrden
{
	padding-left:30px;
	-webkit-appearance: button-bevel;
	-moz-appearance: tabpanels;
	-o-appearance: button-bevel;
}

.listaOrden:hover
{
	-webkit-appearance: menulist;
	-moz-appearance: tabpanels;
	-o-appearance: menulist;
}

input:invalid 
{
	border-color: #e88;
	-webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
	-0-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
	-moz-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
}

.errorStyle
{
	Font-Size:8.25pt;
	Color :Red ;
	font-family:Verdana;
}

div[grilla]
{
	border-collapse:collapse;
	overflow: hidden;
	height: 133px;
}

div[grilla] div table tr
{
	height:15px;	
}

div[grilla] div table tr td
{
	font-family: verdana;
	border-collapse:collapse;
	font-size: 8.25pt;
}

div[grilla] div table tr th
{
	font-family: verdana;
	border-collapse:collapse;
	height:15px;
	font-size: 7pt;
}

body
{
	font-family: verdana, arial;
	font-size: 9pt;
	margin: 0px;
}
div[horario]
{
	margin:5px;
	float:left;
	width:68%;
	height:144px;
	overflow-y:scroll;
	padding:5px 0 5px 0;
}
div[horario] div
{
	
	float:left;
	width: 90px;
	overflow:hidden;
	text-align:center;
	margin-left: 0;
}

div[today]
{
	-webkit-box-shadow:0 0 4px rgb(255,0,0);
	-moz-box-shadow:0 0 4px rgb(255,0,0);
	-o-box-shadow:0 0 4px rgb(255,0,0);
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
}

div[horario] div div
{
	margin:3px 1px auto;
	height:20px;
	background-color:rgb(227,227,227);
	-webkit-transition: background-color 1s ease-in-out;
}

div[horario] div div:hover:not([cabecera]):not([horas])
{
	-webkit-box-shadow: 0 0 5px rgb(51,102,153);
	-moz-box-shadow: 0 0 5px rgb(51,102,153);
	-o-box-shadow: 0 0 5px rgb(51,102,153);
}

div[horario] div div[active]
{
	background-color:red;
}

div[horario] div div[cabecera] , div[horario] div div[horas]
{
	background-color:rgb(215,215,215);
	height:27px;
}

div[horario] div div[horas]
{
	background-color:rgb(215,215,215);
	height:20px;
}

div>div[cabecera]:hover
{
	-webkit-box-shadow: 0 0 5px rgb(255,0,0);
	-moz-box-shadow: 0 0 5px rgb(255,0,0);
	-o-box-shadow: 0 0 5px rgb(255,0,0);
}

.Cmd_Buscar
{
font-weight: bold;
font-size: 9pt;
font-family: verdana, arial;
color: white;
background-color: SteelBlue;
border: solid 1px white;
height: 25px;
margin-top: 1px;
} 

div.bg
{
 /* llenar el fondo */
 min-height: 100%;
 min-width: 1024px;
                        
 /* escala proporcional  la ventana */
 width: 100%;
 height: auto;
                        
 /* posicion */
 position: fixed;
 top: 0;
 left: 0;
 }
 @media screen and (max-width: 1024px){
 img.bg 
 {
  left: 50%;
  margin-left: -512px; 
 }
}

div.bg2
{
 /* llenar el fondo */
 min-height: 100%;
 min-width: 827px;
                        
 /* escala proporcional  la ventana */
 width: 827px;
 height: 193px;
                        
 /* posicion */
 position: fixed;
 top: -5px;
 left:190px;
 }
 
.Version
{
color:white;
font-weight:bold;
font-size:small ;
width: 100%; 
height: 20%; 
}