#enlace a {
	color: #FFF;
	text-decoration: none;
}

.menus {
	font-family: sans-serif helvetica verdana;
	text-align: left;
	font-size: 8px;
	color:#33F;
}
input[type="checkbox"]{
        background-color: red;
        border: 2px solid blue;
        color: yellow;
      }
#menuIzq {
	font-family: sans-serif helvetica verdana;
	font-size: 11px;
	position:relative;
}
#menuIzq td {
	text-align: left;
	font-size: 11px;
}

#menuIzq input {
	text-align: left;
	font-size: 10px;
}

#menuIzq select {
	text-align: left;
	width: 100px;
	font-size: 10px;
}

#Recuadro {
   opacity: .30;
   -moz-opacity: .30;
   filter:alpha(opacity=30);
   float: left;
   border-style:double;
   border-width:3px;
   position:absolute;
   background-color:#060;
} 
#tooltip {
   opacity: .90;
   -moz-opacity: .90;
   filter:alpha(opacity=90);
   float: left;
   border-style:ridge;
   border-width:1px;
   position:absolute;
   background-color:#FF6;
   font-family:sans-serif helvetica verdana;
   font-size: 12px;
   padding:1px 1px 1px 1px;
} 

#user-pass-table {
	font-family: sans-serif helvetica verdana;
	font-size: 11px;
}

#user-pass-table td {
	text-align: left;
	font-size: 11px;
}

#user-pass-table input {
	text-align: left;
	width: 100px;
	font-size: 10px;
}
	   
#guardar {
		position: absolute;
		float:left;
		margin: 42% 50% 0 2%;
}
	
.logos {
	clear:both;
	display:block;
	border:0;
	margin:auto;
}

/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(../images/demobox.png) no-repeat bottom right;
    margin: 0;
    padding: 0;
}
.cssbox {
    width: 165px !important;   /* intended total box width – padding-right(next) */
    width: 160px;              /* IE Win = width – padding */
    padding-right: 5px;       /* the gap on the right edge of the image (not content padding) */
    margin: 10px auto;         /* use to position the box */
}
/* set the top-right image */
.cssbox_head {
    background-position: top right;
    margin-right: -15px;       /* pull the right image over on top of border */
    padding-right: 40px;       /* right-image-gap + right-inside padding */
}
/* set the top-left image */
.cssbox_head h2 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 15px 0 10px 20px; /* padding-left = image gap + interior padding … no padding-right */
    height: auto !important;
    height: 1%;                /* IE Holly Hack */
}
/* set the lower-left corner image */
.cssbox_body {
    background-position: bottom left;
    margin-right: 10px;        /* interior-padding right */
    padding: 8px 0 18px 15px; /* mirror .cssbox_head right/left */
	font-size: 9px;
}
.cssbox_body input{
	text-align: left;
	width: 90px;
	font-size: 9px;
}
/* Misc Text formatting */
.cssbox_head h2 {
    color: white;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 16px;      /* this is tricky if box width is in ems */
    text-align: center;
    text-shadow: rgb(0,0,0) 0px 2px 5px; /* Safari-only, but I’m doing it just ’cause I can */
}
.cssbox_body p {
    margin: 0 0 20px;
}
.cssbox_body a, .css_body a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-decoration: underline;
}
code {
    white-space: pre;
}


.usuarios {background:#8DC768}
.usuarios h3 {color:#FFF; font-size:14px}

.empresas {background:#8DC768}
.empresas h3 {color:#FFF; font-size:14px}

.sortable {width:780px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable th {background:url(../images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable th h3 {font-size:10px; padding:6px 8px 8px}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1; font-size:10px}
.sortable .head h3 {background:url(../images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(../images/header-selected-bg.gif)}
.sortable .desc h3 {background:url(../images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(../images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable input {font-size:10px}
.sortable td.oddselected {background:#dce6ee}

.listado {width:780px; border:none; margin:0 auto 15px}
.listado th {background:#a6b5c1; color:#000000; border:1px solid #667581;}
.listado th h3 {font-size:10px; padding:6px 8px 8px}
.listado td {padding:4px 6px 6px; border:1px solid #8695a1;}
.listado .head:hover, .listado .desc:hover, .listado .asc:hover {color:#fff}

#controls {width:780px; margin:0 auto; height:20px}
#perpage {float:left; width:200px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px; font-size:11px}
#navigation {float:left; width:580px; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:200px; text-align:center; margin-top:8px; font-size:11px}
#text input {margin-top:-4px; font-size:11px}


table.forma {
	border: 1px solid #000; 
}
 
table.forma td, table.forma th { padding:2px;}

table.forma caption {
	text-transform: uppercase;
	text-align:center;  
	font: bold 12pt Verdana;
	color: #4F4F4F;
	margin: 3px 0;
}


a.forma { color:GreenYellow ; text-decoration: none;}
a.forma a:link {color:GreenYellow ;}
a.forma a:visited { color: GreenYellow ;}
a.forma a:hover {color:Green ;}

table.forma thead th, table.forma tfoot th, table.forma tfoot td ,table.forma tbody th,table.forma tbody td {
	color: #000; 
	font: 8pt Verdana; 
	border-right: 1px solid #aaa; 
	border-top: 1px solid #eee; 
	border-left:1px solid #eee; 
	border-bottom: 1px solid #aaa; 
}

table.forma thead th, table.forma tfoot th, table.forma tfoot td { background-color: #ccc; font-weight: bold; text-align:center; }
table.forma tfoot td { text-align:right }
table.forma tbody th { white-space: nowrap; font-weight: bold; text-align:left; }


table.forma .odd td { }

table.forma tbody td:hover {
	background-color: silver;
	border-right: 1px solid #eee; 
	border-top: 1px solid #999; 
	border-left: 1px solid #999; 
	border-bottom: 1px solid #eee; 
	background-color: #e4e0d8;
}





#FormDesple{
	text-align: center;
	position:absolute;
	top: 450px;
	left: 330px;
	z-index: 10;
	}

#panel {
	width: 240px;
	position: relative;
	top: 1px;
	margin-left: auto;
	margin-right: auto;
	height: 0px;
	overflow: hidden;
	text-align: left;
	background-color: #8DC768;
}


div.Boton{
	width:50px;
	height:13px;
	border:solid;
	border-width:2px;
	border-color:#060;
	background-color:#090;
	font-size:9px;
	
}
div.Boton:hover{
	background-color: #ADB96E;
	color: #FFF;
	cursor:pointer;
	}
.Rutas{
	font-family: sans-serif helvetica verdana;
	text-align: left;
	font-size: 8px;
	color:#33F;
	}

#MenuRutas input {
	text-align: left;
	font-size: 10px;
}
#btnsRutas
	{
	position:absolute;
	visibility:hidden;
	z-index:20;
	}
#panelRutas {
			position:absolute;
			top:190px;
			left:814px;
			visibility:hidden;
			z-index:20;
			font-family: sans-serif helvetica verdana;
			text-align: left;
			font-size: 10px;
			/* opacity: .90; */
			/* -moz-opacity: .90; */
			/* filter:alpha(opacity=90); */
			float: left;
			height:0; 
			visibility:hidden; 
			width:300px;
			margin:auto;
			}
#directionsPanel{
				overflow: auto;
				background-color:#3C3;
				}
#MoverPanelRutas
	{
	background-color:#090;
	font-family: sans-serif helvetica verdana;
	font-size:14px;
	cursor:pointer;
	/* opacity: .80; */
	/* -moz-opacity: .80; */
	/* filter:alpha(opacity=80); */
	}
	
@media print {
.noimpre { display:none; }
.papel { width:535px; }
.ver {display:block;}
.nover {display:none;}
* {
	background-image: none !important;
	float: none !important;
  }
}
#directionsPanel2{
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
	height:10;
	z-index:0;
	}

img.izquierda {
	float: left;
	margin: 0px 20px 5px 35px;
	display:inline;
}