#marco { width: 100%; position: relative; padding: 0px; text-align: center; }
#header { width: 100%; height:113px; position: absolute; top:0px; left: 0px; background-color:#99cc33; font-family: Verdana, Geneva, sans-serif; font-size:12px; background-repeat:no-repeat}
#principal { position: absolute; top: 150px; left:20px; text-align: center; /*border:1px solid #090*/}
#escondido { position: fixed; top: 0; margin: 0; z-index: 1000; height: auto; width: 100%; background-color: #ededed; text-align:center; clear:both;}
#cerrar{ position: absolute; right: 20px; top: 2px;	}
H1{font-size: 22px; font-stretch:extra-expanded;font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;}
a:link { color: #333;  border-bottom: none; text-decoration:underline }
a:visited { color: #666;  border-bottom: none;text-decoration:underline }
a:hover { color: #333;  border-bottom: none; background-color: transparent; text-decoration:none }  
a:link:hover { color: #333;  background-color: transparent;text-decoration:underline } 
a:visited:hover { color: #666; background-color: transparent;text-decoration:none } 
#topbarra{background-color:#8d0e1d; height:100px; }
#subbarra{ background-color:#f0f0f0; height:32px; border: 1px solid #8d0e1d; }
.txt-chico{font:Verdana, Geneva, sans-serif; font-size:12px; color:#666; }
.folio{ font:Verdana, Geneva, sans-serif; font-size:12px; color:#8d0e1d; }
#footer { bottom:0; position:fixed; clear:both; width:100%; border-bottom:0; height:18px; z-index:1100; border: 1px solid #666; border-bottom-style:none; border-left-style:none; border-right-style: none;  background-color:#f0f0f0; text-align: center; font-family: Verdana, Geneva, sans-serif; font-size:11px; }
.record { padding:10px 20px; width:40px; border-collapse: collapse; border-spacing: 0; }
.delete { display:block; width:40px; float:right;}
.edit { color:#f00; display:block; width:40px; float:right;}
.alert { border: 1px solid #8d0e1d; }
.Button{  width: auto; margin:10px 0 0 2px; padding:3px 4px 3px 4px; color:white; background-color:#8f0e1e; outline:none; border:1px solid #600; font-weight:bold;}
.Button:active { background-color:#4f0811; padding:4px 3px 2px 5px;}
.Buttons{ width:auto; margin:10px 0 0 2px; padding:3px 4px 3px 4px; color:#8f0e1e; background-color:white; outline:none; border:1px solid #600; font-weight:bold;}
#up{ top: 0; left:0; width: 100%; background: #cbd4e4; position: absolute; height: 30px;}
.records { width:100%; font:Verdana, Geneva, sans-serif; color: #8d0e1d; font-size:10px; /*height: 170px;*/}
.records a:link { font:Verdana, Geneva, sans-serif; color: #8d0e1d; font-size:10px;}
.records a:link:hover { font:Verdana, Geneva, sans-serif; color: #8d0e1d; font-size:10px; } 
.records a:visited {  font:Verdana, Geneva, sans-serif; color: #8d0e1d; font-size:10px; }
.records a:hover { font:Verdana, Geneva, sans-serif; color: #8d0e1d; font-size:10px; }
.records a:visited:hover { font:Verdana, Geneva, sans-serif; color: #8d0e1d; font-size:10px; }
#list { list-style: none;}
#list li { display: block;        margin-bottom: 3px;        background-color: #efefef; width: 200px; height: 30px; }
#list li img.handle {        margin-left: 10px; margin-right: 30px;  margin-top: 5px; margin-bottom: 0px;        cursor: move; }
#list li .checkbox { position: absolute;  margin-left: 30px;  margin-top:5px; margin-bottom: 0px; margin-right: 10px; }
.hiddenDiv {	display: none;}
.visibleDiv {	display: block;}
.ui-slider  {	text-decoration: none !important;}
.ui-slider-tooltip {	display: none;}
.ui-slider-handle-active .ui-slider-tooltip {	display: block;	position: relative;	top: -25px;	text-align: center;	padding: .2em;	font-size: .9em;	width: 8em;	margin-left: -4em;	text-decoration: none !important;}
.ui-slider ol, .ui-slider li, .ui-slider dl, .ui-slider dd, .ui-slider dt {	list-style: none;	margin: 0;	padding: 0;}
.ui-slider ol, .ui-slider dl {	position: relative;	top: 1.3em;	width: 100%;}
.ui-slider dt {	top: 1.5em;	position: absolute;	padding-top: .2em;	text-align: center;	border-bottom: 1px dotted #ddd;	height: .7em;	color: #999;}
.ui-slider dt span {	background: #fff;	padding: 0 .5em;}
.ui-slider li, .ui-slider dd {	position: absolute;	overflow: visible;	color: #666;}
.ui-slider li span.ui-slider-label, .ui-slider dd span.ui-slider-label {	display: none;}
.ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show {	display: block;}
.ui-slider span.ui-slider-tic {	position: absolute;	left: 0;	height: .8em;	top: -1.3em;}
.ui-slider li span.ui-component-content, .ui-slider dd span.ui-component-content {	border-right: 0;	border-left-width: 1px;	border-left-style: dotted;	border-top: 0;	border-bottom: 0;}
.ui-slider .first .ui-slider-tic, .ui-slider .last .ui-slider-tic {	display: none;}
.usuario-disponible {color: green; font-weight:bold;} 
.usuario-no-disponible {color: red; font-weight:bold;}
.links { display: none; }
#respuesta { border-bottom: 4px solid #00aeef; background: #000000; display: none; color: #ffffff;}
table.listing { clear: both; /*border: 1px solid #d7d7d7; */ border-collapse: collapse; border-spacing: 0; width: 100%; padding-left: 50px; padding-top: 50px; background-color: transparent;}
table.listing th { text-align: left; padding: 0 1em .1em 0; font-size: 12px }
table.listing td {  font-size: 10px }
table.listing thead { background: #d7d7d7} 
table.listing thead th { border: 1px solid #d7d7d7; border-bottom-color: #999; font-size: 11px; font-weight: bold; padding: 2px .5em; vertical-align: bottom;}
table.listing thead th :link:hover, table.listing thead th :visited:hover { background-color: transparent;}
table.listing thead th a { border: none; padding-right: 12px }
table.listing th.asc a, table.listing th.desc a { font-weight: bold }
table.listing th.asc a, table.listing th.desc a { background-position: 100% 50%; background-repeat: no-repeat;}
table.listing td.lineas { border: 1px solid #ddd;  vertical-align: top;}
table.listing td a:hover, table.listing tbody th a:hover { background-color: transparent;}
table.listing td.titles {background: #ebebeb !important; font-weight: bold;}
table.listing td.salidas {/* background: #ebebeb !important; */ font-weight: bold; color: #ff0000}
table.listing td.vencida {background: #ffffff !important; font-weight: bold; color: #ff0000}
table.listing tr { border-top: 1px solid #8d8d8d; border-bottom: 1px solid #8d8d8d;height: 25px; background-color: transparent; }
table.listing tr:hover { background: #ebebeb; height: 25px; }
table.listing tr.even { background-color: #fcfcfc }
table.listing tr.odd { background-color: #f7f7f7 }
table.listing tr.urgente { background-color: #ebebeb }
/* table.listing tbody tr:hover { background: #eed !important } */
table.listing tr.focus { background: #ddf !important }
table.listing tr.titulos { background-color: #ebebeb; font-weight: bold; }
table.listing tr.titulos:hover { background-color: #ebebeb; font-weight: bold; }
#pagina a { text-decoration: none; border: solid 1px #AAE; color: #15B; }
#pagina a { display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px; }
#actual  { text-decoration: none; background: #f0f0f0; color: #15B; border: solid 1px #AAE; display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px;}
#anterior { color:#999; border: solid 1px #999; background:#fff; text-decoration: none;  display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px; }
#siguiente { color:#999; border: solid 1px #999; background:#fff; text-decoration: none;  display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px; }
#paginacion { bottom:0; position:fixed; clear:both; width:100%; border-bottom:0; height:80px; z-index:1099; border:none;  background-color:#ffffff; left: 20px; }
#popup_container { font-family:'Lucida Grande',arial; font-weight:bold; text-align:left; font-size: 12px; width: 364px; height: 86px; background: #d3d3d3; border:solid 1px #666666; color: #000; -moz-border-radius: 4px; }
#popup_title { display:none; }
#popup_message { padding-top: 15px; padding-left: 15px; }
#popup_panel { text-align: left; padding-left:15px; }
li { list-style: none;  text-align: left;}
.lis { list-style: none;  text-align: left; width:100%; }
.rojito { color: red; }
div.tooltip {     background-color:#000;     border:1px solid #fff;     padding:10px 15px;     width:300px;     color:#fff;     display: none;    text-align:left;     font-size:12px;     z-index: 1500;    /* outline radius for mozilla/firefox only */     -moz-box-shadow:0 0 10px #000;     -webkit-box-shadow:0 0 10px #000; }
ul#tablitas {  	margin:0 !important; 	padding:0;	height:30px;	border-bottom:1px solid #666;	 	}
ul#tablitas li {  	float:left;	 	padding:0; 	margin:0;  	list-style-type:none;	}
ul#tablitas a { 	float:left;	font-size:11px;	display:block;	padding:5px 30px;		text-decoration:none;	border:1px solid #666;		border-bottom:0px;	height:18px;	background-color:#efefef;	color:#777;	margin-right:2px;	-moz-border-radius-topleft: 4px;	-moz-border-radius-topright:4px;	position:relative;	top:1px;	}
ul#tablitas a:hover {	background-color:#F7F7F7;	color:#333;}
ul#tablitas a.current {	background-color:#ddd;	border-bottom:2px solid #ddd;		color:#000;		cursor:default;}
div#paneles div {	display:none;	border:1px solid #666;	border-width:0 1px 1px 1px;	min-height:150px;	padding:15px 20px;	background-color:#ddd;	}
:focus {  -moz-outline-style:none;}
#contactos { width: 400px; height: auto; position: fixed; bottom: 0px; left: 5px ; z-index:1099; font-family: Verdana, Geneva, sans-serif; font-size:11px; text-align: center;} 
#boton-contacto { width: 200px; height: auto; position: fixed; bottom: 0px; left: 0px; text-align: center;  }
table.listing1 { clear: both; border: 1px solid #d7d7d7; border-collapse: collapse; border-spacing: 0; margin-top: 1em; padding-left: 50px; padding-top: 50px;}
table.listing1 th { text-align: left; padding: 0 1em .1em 0; font-size: 12px }
table.listing1 thead { background: #d7d7d7}
table.listing1 thead th { border: 1px solid #d7d7d7; border-bottom-color: #999; font-size: 11px; font-weight: bold; padding: 2px .5em; vertical-align: bottom;}
table.listing1 thead th :link:hover, table.listing1 thead th :visited:hover { background-color: transparent;}
table.listing1 thead th a { border: none; padding-right: 12px }
table.listing1 th.asc a, table.listing1 th.desc a { font-weight: bold }
table.listing1 th.asc a, table.listing1 th.desc a { background-position: 100% 50%; background-repeat: no-repeat;}
table.listing1 tbody td.lineas { border: 1px solid #ddd;  vertical-align: top;}
table.listing1 tbody td a:hover, table.listing1 tbody th a:hover { background-color: transparent;}
table.listing1 td.titles {background: #ebebeb !important; font-weight: bold;}
table.listing1 td.salidas {/* background: #ebebeb !important; */ font-weight: bold; color: #ff0000}
table.listing1 td.vencida {background: #ffffff !important; font-weight: bold; color: #ff0000}
table.listing1 tbody tr { border-top: 1px solid #ddd }
table.listing1 tbody tr.even { background-color: #fcfcfc }
table.listing1 tbody tr.odd { background-color: #f7f7f7 }
table.listing1 tbody tr.urgente { background-color: #ebebeb }
/* table.listing tbody tr:hover { background: #eed !important } */
table.listing1 tbody tr.focus { background: #ddf !important }
table.listing1 tbody tr.titulos { background-color: #ebebeb; font-weight: bold; } 
table.listing1 tbody tr.titulos:hover { background-color: #ebebeb; font-weight: bold; }
.input { background-color:#ffffff; border: 1px solid #999999; height: 25px; color:#000000; -moz-border-radius: 4px;}
.error { background-color:#ffffff; border: 1px solid red; color:#000000; -moz-border-radius: 4px;}
textarea {	clear: both;	display: block;	font-family: sans-serif;	font-size: 1em;	width: 20em;	border: 1px solid #999999;	-moz-border-radius: 4px;}
.input:focus { background-color: lightyellow;}
.boton_submit { background: transparent url('../imagenes/bgBtn.gif'); background-repeat:repeat-x; border: 0px solid red; -moz-border-radius:5px; height:31px; font:12px/18px "Lucida Grande",Verdana, sans-serif; color: #ffffff; font-weight: bold;}
#passwd { width: 400px; position: absolute; top: -3px; left: 300px; z-index: 400; margin:0; text-align: center; background:#d3d3d3 ; -moz-border-radius: 0px 0px 6px 6px; border: 2px solid #00aeef; }
.manita { cursor:hand; cursor:pointer; }
#info_central { position: relative; top: 0px; left:0px; max-height:261px; overflow: auto; min-height:261px; background: url(../imagenes/bgcontent.gif);  }
.agregar { background: url(../imagenes/btnadd.png); width: 110px; height: 30px; border: 0px solid red;   }
.establecer { background: url(../imagenes/btn_cliente_programa.gif); width: 156px; height: 30px; border: 0px solid red;   }
.btn_borrar { background: url(../imagenes/btndelete.png); width: 110px; height: 30px; border: 0px solid red; display: none; cursor:hand; cursor:pointer;  }
#agregar_main { border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; position: absolute; top: 0px; left: 80px; z-index: 500000; width: 800px; background: #ebebeb; -moz-border-radius: 0px 0px 6px 6px;  }
#popup_container { text-align:center;  }
#popup_panel { text-align: center; }
#popup_ok { background: transparent url('../imagenes/bgBtn.gif'); background-repeat:repeat-x; border: 0px solid red; -moz-border-radius:5px; height:31px; font:12px/18px "Lucida Grande",Verdana, sans-serif; color: #ffffff; font-weight: bold;}
#popup_cancel { background: transparent url('../imagenes/bgBtn.gif'); background-repeat:repeat-x; border: 0px solid red; -moz-border-radius:5px; height:31px; font:12px/18px "Lucida Grande",Verdana, sans-serif; color: #ffffff; font-weight: bold;}
.form_friends .textboxlist-autocomplete-result { overflow: hidden; zoom: 1; }
.form_friends .textboxlist-autocomplete-result img { float: left; padding-right: 10px; } 
.textboxlist { width: 400px; }
.textboxlist-loading { background: url('images/spinner.gif') no-repeat 380px center; }
#abajo { border:0px solid #666; visibility:visible; position:absolute; left:17px; top:709px; z-index:3; width:935px; height: 200px; } 
.calendario { position: relative; border: 0px solid red; top: 2px; left: 0px; float: left; width: 300px; height: 300px; background: url('../imagenes/tit_calendario.gif') no-repeat; padding-top: 35px; }
.ultimos_clientes { position: relative; border: 0px solid red; top: 2px; left: 0px; float: left; width: 300px; height: 300px; background: url('../imagenes/tit_ultimos_clientes.gif') no-repeat; padding-top: 35px; }
#busqueda_abajo { position: relative; border: 0px solid red; top: 2px; right: 0px; float: right; width: 610px; height: 270px; background: url('../imagenes/title_avanzada.gif') no-repeat; } 

.campos_obligatorios{
font-size:10px;
color:red;	
}
.favorDe{
font-size:10px;
}

.example { padding: 0 20px; float: left; width: 230px; }
                .wrapper { width: 133px; margin: 0 auto; }
                div.button {
                        height: 29px;
                        width: 133px;
                        background: url(../imagenes/button.png) 0 0;
                        font-size: 14px; color: #ffffff; text-align: center; padding-top: 15px;
                }
                div.button.hover {
                        background: url(../imagenes/button.png) 0 56px;
                        color: #ffffff;
                }
        ul { list-style: none; }