/* CSS Document by victor castrejon */

body { background:url(imagenes/background.jpg) #ffffff repeat-x ; color: #424242; margin:0; padding:0 }
body, p, ol, ul, td {

  font-family: "calibri","Lucida Sans", Arial, sans-serif;
  font-size:   14px;
  line-height: 18px;
}

#content{
	width:1050px;
	clear:both;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#col1{width:725px; float:left; padding: 0 10px 0 0;  }
#col2{width:200px; float:left; padding: 0  0 0 10px;}
#col3{width:400px; float:left; padding: 0 10px 0 0; border-right:#CCCCCC 1px solid }
#col4{width:400px; float:left; padding: 0  0 0 10px;}
#clear{clear:both}
.clear{clear:both}
.icono{}
#resumen{margin:auto; width:500px; border:1px #999999 dotted}

h1{font-size:32px; font-weight:normal; padding:12px; margin:0px 0 20px 0 }
h2{font-size:16px; font-weight:bold; padding:0; margin:0px 0 10px 10px; text-align:center }
h3{font-size:18px; font-weight:bold; padding:0; margin:0px 0 10px 10px; text-align:center }
h4{font-size:18px; font-weight:bold; padding:0; margin:0px 0 10px 0px;  }
h5{font-size:14px; font-weight:bold; padding:0; margin:20px 0 10px 0px; color:#003366  }
#menu{
	margin: auto;
	width:1200px;
	display:block
}
.blank{border:0px}

#main_menu {margin: 61px 0 0 0;padding: 0 0 22px 0;}
#main_menu li {margin: 0 ;padding: 0px;display: inline;list-style-type: none;}
#main_menu a:link, #main_menu a:visited, #main_menu label.usuario2 {float: left;line-height: 16px; margin:0  0 0 8px  ; padding: 6px 8px 6px 8px;text-decoration: none; color: #ffffff;  background:#333333; font-size:12px}
#main_menu a:link.active, #main_menu a:visited.active, #main_menu a:hover {padding-bottom: 6px;background:#e5e5e5; color:#323232}
#form{padding:5px; border:1px #006699 dashed; border-top:20px #006699 solid; margin:0 0 20px 0}
#form2{padding:5px; border:1px #821F00 dashed;  margin:0 0 20px 0}
#form3{padding:5px; border-left:1px #ccc solid;  border-right:1px #ccc solid; margin:0 0 20px 0}

#form p{ padding:0; margin:10px}
.box {padding:10px; border:1px #cccccc dashed; margin: 10px  }
.green1{background-color:#256600}
.green2{background-color:#66a028}
.green3{background-color:#8bc453}
.mensaje{color:#FF0000; margin:auto}
.alerta{text-align:center; border:#FF0000 1px solid; padding:10px; width:350px; margin:5px auto}
.alerta2{text-align:center; border:#FF0000 1px solid; padding:0px; margin:10px  }
.font11{font-size:12px; border:0; padding:1px}

ul#lista { padding:5px 0 5px 10px; margin:0 ;    }
ul#lista li {  padding:5px 0 5px 0px; margin: 0 0 0 20px;   }


.red{color:#ffffff; background-color:#994C00; font-weight:bold}
.azul{color:#006699}

.divider{width:700px; height:5px; background:#555555; margin:0px 0 10px 0}

.footer{ position:absolute; bottom:0px; }
.footer td{border:0px; background-color:#000000; color:#FFFFFF}
.alt{background:#E4ECF6}
.total{border:0; border-top:2px solid #444}

#grafico {border:1px #CCCCCC solid; margin:10px}
#grafico table {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #777;
padding:7px;
}

#tablareporte td{ border:0px }
#tablareporte th{  background:#FFFFFF; color:#000000; font-size:14px ; border:0px;n }
#tablareporte2 th{border-bottom:1px #dddddd solid; background:#FFFFFF; color:#333333}
#tablareporte2 td{ border-bottom:1px dashed #999999; border-right:1px dashed #999999 }

.celda{float:left; width:200px; padding:3px}
.celda2{float:left; width:100px}
#grafico td { border:0px; font: 11px Verdana, Arial, Helvetica, sans-serif; padding:0; }



#reporte_menu{ float:left;}
#reporte_interior{float:left; padding:10px ; width:650px ; margin: 0 10px 0 10px}
#reporte_interior h3{text-align:left; padding:0; margin:10px 0 10px 0; font-size:14px; border-bottom:1px solid #330033}
/*- Menu 1--------------------------- */
	
#menu1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menu1 {
	width: 150px;
	margin: 10px;
	border-style: none solid none none;
	border-color: #cccccc;
	border-size: 1px;
	border-width: 1px;}
	
#menu1 li a {
	text-align:right;
	text-decoration: none;
	list-style:none;

	}	
#menu1 li a:link, #menu1 li a:visited {
	display: block; list-style:none;padding: 5px 8px  5px 5px;  margin:5px 0 0 0; color:#004D99}	
#menu1 li a:hover {
	color: #FFF;  background:#c7e6fa;}	
	
	
/*- Menu 1--------------------------- */


pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}
table{ padding:0; margin:0; border:0}
th{ color:#FFFFFF; font-weight:bold;   height:20px; background-color:#66a028; text-align:left; padding:3px 3px 3px 10px;border-bottom:1px #ffffff solid ; border-right:1px #FFFFFF solid; font-size:14px}
td{  background-color:#ffffff;  border-bottom:1px #dddddd solid; padding:2px 5px 2px 5px}
.noline{border:0px}




.color1a{background:#821F00}
.color1b{background:#006382}
.color2a{background:#55422a}
.color2b{background:#aa8554}
.color3{background:#65A1E7}


a:link, a:visited {color: #994C00; padding:2px}
a:hover {color: #fff; text-decoration:none; background:#4D9900; padding:2px }
a:link img, a:visited img{ padding:0px}
a:hover img { background:#fff;  text-decoration:none;; padding:0px}

a.imagen, a.imagen:visited { padding:0px}
a.imagen:hover {  text-decoration:none; padding:0px; }


.estatus1{color:#4682B4}
.estatus2{color:#FF4500}

a.linknegro, a.linknegro:visited{ color:#424242}
a.linknegro:hover{ color:#ffffff}

a.linkverde, a.linkverde:visited{ color:#256600; padding:2px}
 a.linkverde:hover{ color:#fff; background:#005866; font-weight:bold}
.foto{border:1px #6B2E2E solid; margin:auto; padding:5px; display:block}
i{color:#0033CC}
a.orden, a.orden:visited{ color:#fff}
.coment {
			font-family:helvetica, arial, sans-serif;
			font-size:10pt;
			padding:3px;
			background:white;
			
			border-left:1px solid #83a5c7; 
			border-top:1px solid #83a5c7; 
			border-bottom:1px solid #d3e1ee;  
			border-right:1px solid #d3e1ee; min-height:50px
}


input.border {
			font-family:helvetica, arial, sans-serif;
			font-size:10pt;
			padding:3px;
			background:white;
			margin:0 10px 5px;
			border-left:1px solid #83a5c7; 
			border-top:1px solid #83a5c7; 
			border-bottom:1px solid #d3e1ee;  
			border-right:1px solid #d3e1ee; 
}


/* Date picker specific styles follow */

a.date-picker {
	width: 16px;
	height: 16px;
	border: none;
	color: #000;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	cursor: pointer;
	background: url(include/calendar.png) no-repeat; 
}
a.date-picker span {
	margin: 0 0 0 -2000px;
}
div.date-picker-holder, div.date-picker-holder * {
	margin: 0;
	padding: 0;
}
div.date-picker-holder {
	position: relative;
}
div.date-picker-holder input {
	float: left;
}
div.popup-calendar {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: -16px; /* value for IE */
	padding: 4px;
	border: 2px solid #000;
	background: #fff;
	color: #000;
	overflow:hidden;
	width: 163px;
}
html>body div.popup-calendar {
	left: 99px; /* value for decent browsers */
}
div.popup-calendar div.link-close {
	float: right;
}
div.popup-calendar div.link-prev {
	float: left;
}
div.popup-calendar h3 {
	font-size: 1.3em;
	margin: 2px 0 5px 3px;
}
div.popup-calendar div.link-next {
	float: right;
}
div.popup-calendar div a {
	padding: 1px 2px;
	color: #000;
}
div.popup-calendar div a:hover {
	background-color: #000;
	color: #000;
}
div.popup-calendar table {
	margin: 0;
}
* html div.popup-calendar table {
	display: inline;
}
div.popup-calendar table th, div.popup-calendar table td {
	background: #eee;
	width: 21px;
	height: 17px;
	text-align: center;
}
div.popup-calendar table td.inactive {
	color: #aaa;
	padding: 1px 0 0;
}
div.popup-calendar table th.weekend, div.popup-calendar table td.weekend {
	background: #f6f6f6;
}
div.popup-calendar table td a {
	display: block;
	border: 1px solid #eee;
	width: 19px;
	height: 15px;
	text-decoration: none;
	color: #000;
}
div.popup-calendar table td.today a {
	border-color: #aaa;
}
div.popup-calendar table td a.selected, div.popup-calendar table td a:hover {
	background: #333; 
	color: #fff;
}

div.autosuggest
{
	position: absolute;
	background-image: url(imagenes/as_pointer.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url(imagenes/ul_corner_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autosuggest div.as_footer
{
	background-image: url(imagenes/ul_corner_br.gif);
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url(imagenes/ul_corner_tl.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner
{
	background-image: url(imagenes/ul_corner_bl.gif);
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #333;
}


div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
}

div.autosuggest ul li
{
	color: #ccc;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autosuggest ul li a
{
	color: #ccc;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #000 0px 0px 5px;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #1B5CCD;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #1B5CCD;
	background-image: url(imagenes/hl_corner_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.autosuggest ul li.as_highlight a span
{
	background-image: url(imagenes/hl_corner_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
	background-image: url(imagenes/hl_corner_tl.gif);
	background-position: bottom left;
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
	background-image: url(imagenes/hl_corner_tr.gif);
	background-position: bottom right;
}



div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
	color: #6EADE7;
}