body{ font: 62.5% Arial, Helvetica, sans-serif; margin: 3px; background-color:#DEEDFB; }
	.demoHeaders { margin-top: 2em; }
	#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
	#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
	ul#icons {margin: 0; padding: 0;}
	ul#icons li, .tdp, .divp {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
	ul#icons span.ui-icon, .spp {float: left; margin: 0px 4px;}	
	
#lista_desde, #lista_hasta { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px;  padding: 5px; width: 150px;}
#lista_desde li, #lista_hasta li{ margin: 2px; padding: 2px; font-size: 1.0em; }

	
	.izd{float:left;}
	.a_txt {font-weight: bold; cursor:pointer; text-decoration:underline; color: #2e6e9e; font-size: 1.1em;}
	.ui-jqgrid .loading{background-image:url(../images/load.gif);background-repeat: no-repeat;position:absolute;top:45%;left:45%;width:auto;z-index:101;padding:6px;margin:5px;text-align:center;font-weight:bold;display:none;border-width:2px!important; }
	.load_{background-image:url(../images/loading.gif);background-repeat: no-repeat;position:absolute;top:45%;left:45%;width:auto;z-index:101;padding:6px;margin:5px;text-align:center;font-weight:bold;display:none;border-width:2px!important; }
	.totales{font-size: 1.5em;}

/*Time Picker CSS ADDON*/
#hm,#hm1,#hm2,#hm_desde,#hm_hasta{
	POSITION:absolute;	
}

.combo {
	FLOAT: left
}
/*.clock {	DISPLAY: block; FLOAT: left; MARGIN-LEFT: 2px; CURSOR: pointer}*/
#sl, #sl_desde,#sl_hasta {
	Z-INDEX: 100; BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute; BORDER-LEFT: #ccc 1px solid; DISPLAY: none; BACKGROUND: #fff; BORDER-TOP: #ccc 1px solid; TOP: 22px;
	BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 5px; LEFT: 0px; -moz-border-radius: 6px; -webkit-border-radius: 6px
}
#sl LABEL, #sl_desde LABEL, #sl_hasta LABEL {
	DISPLAY: block; FONT-FAMILY: sans-serif; FONT-SIZE: 11px
}
#sl P, #sl_desde P, #sl_hasta P {
	FONT-SIZE: 100%
}
.auto {
	WIDTH: 120px; PADDING-RIGHT: 5px
}
.auto DIV {
	WIDTH: 100%
}
.auto LABEL {
	TEXT-ALIGN: right; WIDTH: 30px; FLOAT: left; HEIGHT: 20px
}
.auto P {
	MARGIN-LEFT: 40px
}
.auto P .ui-slider-range {
	FONT-SIZE: 0.5em
}
.vertical {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 5px; WIDTH: 100px
}
.vertical DIV {
	WIDTH: 33%; FLOAT: left; HEIGHT: 100%
}
.vertical LABEL {
	TEXT-ALIGN: center; PADDING-BOTTOM: 8px
}
.vertical P {
	MARGIN: 0px auto 0px 7px; HEIGHT: 130px
}
.vertical P .ui-slider-handle {
	MARGIN-BOTTOM: -0.4em
}

.tooltipglobo {font-size:12px;	color: #2e6e9e; text-decoration: none; text-align:left}

.tooltitle{text-align:center;}

.tooltip2 { position:absolute;
	width: 145px;
	padding: 5px;
	border: 1px solid gray;
	font-size: 9pt;
	font-family: Verdana;
	background-color: #fff;
}

.tooltip {
position: absolute;
width: 150px; 
background: #e4f1fb url(../css/theme/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
/*background-image:url(imagenes/pto.png);
background-position:inherit;
background-repeat: no-repeat;*/
color: #000000;
border: 1px solid #2694e8;
font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
padding: 1em 1em 1em ;
z-index: 20;
-moz-border-radius: 10px;
-moz-opacity: .85;
filter:alpha(opacity=85);
opacity:.85;
text-align:center;
}

.ui-mapa-label-active { font-weight:normal; color: #000; font-size: 0.8em; position:relative; top:4px; width:20px; height:20px;}
.ui-mapa-fondo{ background-repeat: no-repeat;position:absolute; width:20px; height:20px;text-align:center;}

/*
	Stylesheet for examples by DevHeart.
	http://devheart.org/

	Article title:	jQuery: Collapsible sidebar layout
	Article URI:	http://devheart.org/articles/jquery-collapsible-sidebar-layout/

	Example title:	4. Adding style and usability
	Example URI:	http://devheart.org/examples/jquery-collapsible-sidebar-layout/4-adding-style-and-usability/index.html
*/

/*
	Alignment
------------------------------------------------------------------- */

/* Floats */

.left {float: left;}
.right {float: right;}

.clearer {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
}
/*
	Misc
------------------------------------------------------------------- */
.hidden {display: none;}
/*
	Example specifics
------------------------------------------------------------------- */

/* Layout */
#center-wrapper {
	margin: 0 auto;
	width: 920px;
}

/* Content & sidebar */
#content,#sidebar {
	/*line-height: 300px;*/
	line-height:inherit;
	text-align: center;
	border: 1px solid;
}

#sidebar {
	background-color: #DEF;
	border-color: #BCD;	
	display: none;
	height:100%;
	vertical-align:central;
}
#content {
	background-color: #EFE;
	border-color: #CDC;
	width: 97%;	
	height:100%;
	display: block;
}
.use-sidebar #cont2 {width: 100%; height:100%;}

.use-sidebar #sidebar {	display:block;	width: 100%;	height:100%;}


.map_css {width:100%; height:100%;}

.sidebar-at-left  #sidebar {margin-right:1%;}
.sidebar-at-right #sidebar {margin-left: 1%;}

.sidebar-at-left #content, .use-sidebar.sidebar-at-right #sidebar, .sidebar-at-right #separator {float: right;}
.sidebar-at-right #content, .use-sidebar.sidebar-at-left #sidebar, .sidebar-at-left #separator {float: left;}

#separator {
	background-color: #5c9ccc;
	border: 1px solid #CCC;
	display: block;
	outline: none;
	width: 100%;
	height:100%;
	vertical-align:central;
}
.use-sidebar #separator {
	background-color: #5c9ccc;
	/*background: url('../images/vertical-separator.gif') repeat-y center top;*/
	border-color: #FFF;
	
}
#separator:hover {
	border-color: #ABC;
	background: #DEF;
}
/*
	Stylesheet for jQuery Alert Dialogs Plugin
	
*/
#popup_container {
	font-family: Verdana, Helvetica, Sans-Serif;	
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px;	
	/*background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
}