/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.
   
   
   font-family: 'Droid Sans';
  
   
   cambios en paleta afectan a: 
   
   #sectors {height: 65px; padding: 0 13px; background: url(img/header.jpg) repeat-x;}
   #tools-view {background: url(img/bg-sec2.jpg) repeat-x;}
   #tools-view h3, #tools-view h5 {color: #3c4c6b; text-shadow: #fff 0 1px 0; line-height: 1.2;}
   #tools-view ul li a, .breadcrumbs li a {color: #3c4c6b; text-shadow: #fff 0 1px 0; font-size: 10px; font-weight: bold;}
   .breadcrumbs li {float: left; margin-right: 7px; color: #fff; text-shadow: #3c4c6b 0 1px 0; font-weight: bold;}
   #tools-view ul.user-sec li.spacer-user { height: 17px; margin-top: 2px; background: #3c4c6b; width: 1px}
   .report-buttons {margin: 0 13px; height: 30px; background: url(img/report-buttons-bg.jpg) repeat-x; border-right: 1px solid #9ba8af; border-left: 1px solid #9ba8af;}
   #container {border-top: 1px solid #9ba8af; background: url(img/bg-alt.jpg) #efefef}
   #tools-view .report-buttons ul li a {
 				border-left: 1px solid #fff;
 				border-right: 1px solid #b8b8b8;
 				padding: 10px 8px 7px;
 				color: #3c4c6b;
 				font-weight: bold;
 				text-shadow: #fff 0 1px 0;
 				font-size: 10px;
 			}	

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
   
html { font-size:100.01%;}
body {
  font-size: 75%;
  color: #222;
  background: #fff url(bg.jpg);
  line-height: 21px; 
  font-family: Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; font-size: 12px;
}

.center {margin: 0 auto; float:left;}
.fluid {min-width: 950px;}

#contenedor {
	height: 600px;
    border: solid;
	width: 1280px;
}
#menu_tma {padding-top: 20px;}
/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
/* 
	These can be used to pull an image at the start of a paragraph, so 
	that the text flows around it (usage: <p><img class="left">Text</p>) 
 */
.left  			{ float: left !important; }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right 			{ float: right !important; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a:focus,
a:hover     { color: #09f; text-decoration: underline;  }
a           { color: #06c; text-decoration: none;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong,dfn	{ font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li			{ list-style: none; }
li ul,
li ol       { margin: 0; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

/* 
	Because of the need for padding on TH and TD, the vertical rhythm 
	on table cells has to be 27px, instead of the standard 18px or 36px 
	of other elements. 
 */ 
table {
		margin-bottom: 0; width:100%;
}
th          { font-weight: bold; }
thead th    { background: #91AA44;color: #FFFFFF; text-align: center;border: 1px solid black;}

th,td,caption { padding: 0 10px; }
/*td,th 		{ border: solid black 1px;}*/
/*
	You can zebra-stripe your tables in outdated browsers by adding 
	the class "even" to every other table row. 
 */
tbody tr:nth-child(even) td, 
tbody tr.even td  { 
	background: #F2F2F2;
	border-bottom: 1px solid #d4d4d4;
	border-top: 1px solid #d4d4d4; 
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
}

tbody tr:nth-child(odd) td, 
tbody tr.odd td {
	background: white;
	border-bottom: 1px solid #d4d4d4;
	border-top: 1px solid #d4d4d4; 
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
}

.tit_2 {
	background:#D9D9D9;
	color:black;
}

tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/* --------------------------------------------------------------

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */

/* 
	A special hack is included for IE8 since it does not apply padding 
	correctly on fieldsets
 */ 
label       { font-weight: bold; }
fieldset    { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; margin-top:-0.2em; margin-bottom:1em; }

fieldset, #IE8#HACK { padding-top:1.4em; } 
legend, #IE8#HACK { margin-top:0; margin-bottom:0; }

/* Form fields
-------------------------------------------------------------- */

/* 
  Attribute selectors are used to differentiate the different types 
  of input elements, but to support old browsers, you will have to 
  add classes for each one. ".title" simply creates a large text  
  field, this is purely for looks.
 */
input[type=text], input[type=password],
input.text, input.title,
textarea {
  background-color:#fff;
  border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus {
  border-color:#666;
}
select { background-color:#fff; border-width:1px; border-style:solid; }

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }

/* 
  This is to be used on forms where a variety of elements are 
  placed side-by-side. Use the p tag to denote a line. 
 */
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Success, info, notice and error/alert boxes
-------------------------------------------------------------- */

.error,
.alert, 
.notice,
.success, 
.info 			{ padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice     { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success    { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info 			{ background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a, .alert a { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
.info a			{ color: #205791; }


/* Header
-------------------------------------------------------------- */

#header { }

.besel-top {height: 2px; background: url(besel-top.jpg) repeat-x; }

#sectors
{
	height: 70px;
	padding: 0 13px;
	background: url(header3.png) repeat-x;
	/*background-image: -webkit-linear-gradient(bottom, rgb(180, 189, 234) 0%, rgb(10, 85, 146) 100%);*/
	border-bottom: solid white;
}
/*#sectors {height: 68px; padding: 0 13px; background: url(header3.jpg) repeat-x;}*/

.logo li {float: left; margin-top: 6px; margin-right: 10px;}
	.logo li a { color: #fff; font-size: 30px; text-shadow: #965E19 1px 1px 2px; }
	.logo li a:hover {color: #a1561a; text-shadow: #fab930 0 1px 0; text-decoration: none;}
	.logo li.Empresa {margin-top: 22px;}

.nav {margin-top: 6px;}
.nav li {
	float: left; 
	background: url("div-nav.jpg") no-repeat scroll right center transparent;
	font-size: 12px; 
	font-weight: bold; 
	/*padding: 11px 9px 25px; */
	max-width: 100px; 
	height: 22px;
	text-align: center;
	line-height: 1;
	}
	
	.nav li div {padding-top: 34px;}
		.nav li a {color: #fff; font-size: 0.9em; padding-top: 20px;}
		.nav li a:hover, .nav li.active-nav a {color: #1D224C; text-decoration: none;} 
/*			
.nav li.reportes div {background: url(btn-categorias-01.png) no-repeat center;}
.nav li.recomendaciones div {background: url(sprite-nav2.png) no-repeat center -85px;}
.nav li.matriz div {background: url(sprite-nav2.png) no-repeat center -233px;}
.nav li.descargas div {background: url(sprite-nav2.png) no-repeat center -384px;}
.nav li.cubo div {background: url(sprite-nav2.png) no-repeat center -529px;}
.nav li.indicadores div {background: url(sprite-nav2.png) no-repeat center -827px;}
.nav li.carros div {background: url(sprite-nav2.png) no-repeat center -972px;}

.nav li.recomendaciones div:hover, .nav li.active-nav.recomendaciones div {background: url(sprite-nav2.png) no-repeat center -4px;}
.nav li.matriz div:hover, .nav li.active-nav.matriz div  {background: url(sprite-nav2.png) no-repeat center -152px;}
.nav li.descargas div:hover, .nav li.active-nav.descargas div {background: url(sprite-nav2.png) no-repeat center -302px;}
.nav li.cubo div:hover, .nav li.active-nav.cubo div {background: url(sprite-nav2.png) no-repeat center -448px;}
.nav li.reportes div:hover, .nav li.active-nav.reportes div {background: url(sprite-nav2.png) no-repeat center -596px;}
.nav li.indicadores div:hover, .nav li.active-nav.indicadores div  {background: url(sprite-nav2.png) no-repeat center -746px;}
.nav li.carros div:hover, .nav li.active-nav.carros div  {background: url(sprite-nav2.png) no-repeat center -892px;}*/

#tools {margin-top: 0; padding: 0 13px; background: url(header-t.jpg) repeat-x; height: 27px;}
	#tools span {color: #fff; text-shadow: #a1561a 0 1px 0; font-size: 11px; font-weight: bold; margin-top: 3px;}
				
.victorinox {margin-right: 5px;}
	.victorinox li {float: left; margin-left: 10px;}
	.victorinox li.user a {color: #a1561a; text-shadow: #fab831 0 1px 0; font-size: 11px; font-weight: bold;}
	.victorinox li.user a:hover {color: #fff; text-shadow: #a1561a 0 1px 0; text-decoration: none; }
		.logo-penta {margin-top: 4px; margin-left: -2px;}
		.spacer-tools {background: url(div-tools.png) repeat-y; width: 2px; height: 26px;}
		.sprite-tools, .sprite-info, .sprite-logout {margin-top: 2px;}
			.sprite-tools a, .sprite-info a, .sprite-logout a{padding: 5px; cursor: pointer;}
				.sprite-tools:hover a {background: url(tools-sprite.png) no-repeat -6px 0;}
				.sprite-info:hover a {background: url(tools-sprite.png) no-repeat -35px 0;}
				.sprite-logout:hover a {background: url(tools-sprite.png) no-repeat -62px 0;}
				
				.sprite-tools a {background: url(tools-sprite.png) no-repeat -97px 0;}
				.sprite-info a {background: url(tools-sprite.png) no-repeat -126px 0;}
				.sprite-logout a {background: url(tools-sprite.png) no-repeat -154px 0;}	

/* Tools view
-------------------------------------------------------------- */

/*#tools-view {background: #222A35;}*/
#tools-view {background: url(cuadro3-01.jpg) repeat-x top;}
	#tools-view ul.user-sec {margin-top: 4px; margin-right: 20px;}
	#tools-view ul.user-sec.index-margin {margin-top: 18px; margin-right: 15px;}
		#tools-view ul.user-sec li {float: left; margin-left: 10px;}
			#tools-view ul.user-sec li.spacer-user { height: 14px; margin-top: 4px; background: #fff; width: 1px}
		
.breadcrumbs {margin: 3px 0 3px 18px; line-height: 2;}
	.breadcrumbs li {float: left; margin-right: 7px; color: #fff; text-shadow: #3c4c6b 0 1px 0; font-weight: bold;}
		#tools-view ul li a, .breadcrumbs li a {color: #fff; text-shadow: #2F3A45 0 1px 0; font-size: 10px; font-weight: bold;}
		#tools-view ul li a:hover, .breadcrumbs li a:hover { text-decoration: underline; }
			.victorinox li.user {margin-top: 1px;}	
			
#tools-view h3, #tools-view h5 {color: #fff; text-shadow: #000 0 1px 0; line-height: 1;}
	#tools-view h3 {font-size: 20px; padding: 15px 0 0 15px; font-weight: none; margin: 0; font-weight: bold;} 	
	#tools-view h5 {font-size: 12px; padding: 1px 0 15px 16px; margin: 0;}
#tools-view h2 {
	font-size: 1.4em;
	margin: 10px;
}
/* report-buttons v1
-------------------------------------------------------------- */

.report-buttons {margin: 0; height: 31px; /* background: url(report-buttons-bg3.jpg) repeat-x bottom; border-bottom: 1px solid #acacac; */}
	.report-buttons div { margin:0 auto; }
		.report-buttons ul li { float: left; margin-top: 3px; margin-right: 1px; margin-left: 1px;}
 			#menu_tma .report-buttons ul li a, #menu_tma .report-buttons ul.page-lvl2 li.down, #menu_tma .report-buttons ul.page-lvl2 li.up {
				/*background: #546879 url(tabs-h.jpg) repeat-x;*/
				background: radial-gradient(#F8CF08, #ECAC1D, #DB8428);
				border: 1px solid #354553;
				border-bottom: none;
				-webkit-border-top-left-radius: 3px;
				-webkit-border-top-right-radius: 3px;
				-moz-border-radius-topleft: 3px;
				-moz-border-radius-topright: 3px;
				border-top-left-radius: 3px;
				border-top-right-radius: 3px;
 				padding: 9px 10px 7px;
 				color: #003283;
 				font-weight: normal;
 				text-shadow: #2f3a45 0 1px 0;
 				font-size: 11px;
                text-decoration:none;
 			}	
 				#menu_tma .report-buttons ul li a:hover {color: #4c6072; text-shadow: #fff 0 1px 0; background: #728695 url(tabs-a.jpg) repeat-x; text-decoration: none;}
 					#menu_tma .report-buttons ul li.active a { color: #4c6072; text-shadow: #fff 0 1px 0; background: #cdd7e0 url(tabs-a.jpg) repeat-x; padding: 9px 10px 8px;}
 					#menu_tma .report-buttons ul li.active a:hover {text-decoration: none;}				
/*
.report-buttons div.left {background: url(img/arrow-l.png) no-repeat right; height: 25px; padding-right: 3px;}
.report-buttons div.right {background: url(img/arrow-r.png) no-repeat left; height: 25px; padding-left: 3px;}	
	.report-buttons ul.margin {margin: 0 9px;}
		.report-buttons div.left a, .report-buttons div.right a {padding: 5px 9px; display: block;}
			.report-buttons div.left a {background: url(img/arrow-ico.png) no-repeat center 4px;}
			.report-buttons div.left a.death {background: url(img/arrow-ico.png) no-repeat center -31px;}
			.report-buttons div.right a {background: url(img/arrow-ico.png) no-repeat center -63px;}
			.report-buttons div.right a.death  {background: url(img/arrow-ico.png) no-repeat center -96px;}		

.report-buttons div.left:hover, .report-buttons div.right:hover {background-color: #3a4e61;}
.report-buttons div.left.none, .report-buttons div.right.none {display: none;}					
*/
/* report-buttons v0.5
-----------------------

.report-buttons {margin: 0 15px; height: 30px; background: url(img/report-buttons-bg2.jpg) repeat-x; border-right: 1px solid #344250; border-left: 1px solid #344250; border-bottom: 1px solid #7B8793;}
	.report-buttons ul { }
		.report-buttons ul li { float: left; margin-top: 6px;}
 			#tools-view .report-buttons ul li a {
 				border-left: 1px solid #fff;
 				border-right: 1px solid #7b8793;
 				padding: 10px 8px 7px;
 				color: #3c4c6b;
 				font-weight: bold;
 				text-shadow: #fff 0 1px 0;
 				font-size: 10px;
 			}	
 				#tools-view .report-buttons ul li a:hover {background: url(img/report-buttons-bgh.jpg) repeat-x; text-decoration: none;}
 					#tools-view .report-buttons ul li.active a { color: #3c4c6b; background: url(img/report-buttons-bgh2.jpg) repeat-x;}
 					#tools-view .report-buttons ul li.active a:hover {text-decoration: none;}
 					
#tools-view h3, #tools-view h5 {color: #fff; text-shadow: #000 0 -1px 0; line-height: 1;}
	#tools-view h3 {font-size: 18px; padding: 12px 0 0 12px; font-weight: none; margin: 0; font-weight: bold;} 			
	#tools-view h5 {font-size: 11px; padding: 0 0 12px 13px; margin: 0;}
	

#tools-view .report-buttons ul.page-lvl2 li { height: 28px; margin-top: 2px;}
	#tools-view .report-buttons ul.page-lvl2 li:hover {background: url(img/report-buttons-bgh.jpg) repeat-x;}	
		#tools-view .report-buttons ul.page-lvl2 li a {padding: 7px 12px 11px; border-left: 1px solid #7b8793;}

*/

#menu_tma .report-buttons ul.page-lvl2 {margin-top: -4px; visibility: hidden;}
	#menu_tma .report-buttons ul.page-lvl2 li.down, #menu_tma .report-buttons ul.page-lvl2 li.up { padding: 2px 2px 3px 1px;}
		#menu_tma .report-buttons ul.page-lvl2 li.down a, #menu_tma .report-buttons ul.page-lvl2 li.up a {border: none;}

#menu_tma .report-buttons ul.page-lvl2 li.down {
	margin-left: 2px; 
	margin-right: 0px; 
	border-right: none; 
	background: #cdd7e0 url(tabs-a.jpg) repeat-x;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
}

#menu_tma .report-buttons ul.page-lvl2 li.up {
	margin-right: 18px; 
	margin-left: 0px; 
	background: #cdd7e0 url(tabs-a.jpg) repeat-x;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;
}

#menu_tma .report-buttons ul.page-lvl2 li.down.death, #menu_tma .report-buttons ul.page-lvl2 li.up.death, #menu_tma .report-buttons ul.page-lvl2 li.down.death:hover, #menu_tma .report-buttons ul.page-lvl2 li.up.death:hover {background: #546879 url(tabs-h.jpg) repeat-x;}

#menu_tma .report-buttons ul.page-lvl2 li.down.death a{background: url(flechas-lvl2.png) no-repeat center -56px;}
#menu_tma .report-buttons ul.page-lvl2 li.down a{background: url(flechas-lvl2.png) no-repeat center -56px;}
	#menu_tma .report-buttons ul.page-lvl2 li.down.death a:hover{background: url(flechas-lvl2.png) no-repeat center -56px;}
	#menu_tma .report-buttons ul.page-lvl2 li.down a:hover{background: url(flechas-lvl2.png) no-repeat center -88px;}
		#menu_tma .report-buttons ul.page-lvl2 li.down.death:hover {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
		#menu_tma .report-buttons ul.page-lvl2 li.down:hover {
		-moz-box-shadow: -1px -1px 2px #2b343d;
		-webkit-box-shadow: -1px -1px 2px #2b343d;
		box-shadow: -1px -1px 2px #2b343d;
		}

#menu_tma .report-buttons ul.page-lvl2 li.up.death a{background: url(flechas-lvl2.png) no-repeat center 8px;}
#menu_tma .report-buttons ul.page-lvl2 li.up a{background: url(flechas-lvl2.png) no-repeat center 8px;}
	#menu_tma .report-buttons ul.page-lvl2 li.up a:hover {background: url(flechas-lvl2.png) no-repeat center -24px;}
	#menu_tma .report-buttons ul.page-lvl2 li.up.death a:hover{background: url(flechas-lvl2.png) no-repeat center 8px;}
		#menu_tma .report-buttons ul.page-lvl2 li.up.death:hover {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
		#menu_tma .report-buttons ul.page-lvl2 li.up:hover {
		-moz-box-shadow: 1px -1px 2px #2b343d;
		-webkit-box-shadow: 1px -1px 2px #2b343d;
		box-shadow: 1px -1px 2px #2b343d;
		}
	
#menu_tma .report-buttons ul.page-lvl2 li.death:hover {background: none;}
/*
--------------------------------------- */
	
/* container
-------------------------------------------------------------- */

#container {background: white;}
/*#head_top {background-image: -webkit-linear-gradient(bottom, rgb(180, 189, 234) 0%, rgb(34,42,53) 100%); height:50px;}*/
#head_top {background: white url(prueba_fondo.png) repeat-x; height:25px;}
/*#foot {background-image: -webkit-linear-gradient(bottom, rgb(34,42,53) 0%, rgb(180, 189, 234) 100%);height: 50px;}*/
#foot {background: white url(prueba_fondo2.jpg) repeat-x;height: 15px;}
#proveedores, #opciones {margin: 20px 0;}
#form_opciones label, #form_proveedores label {
	margin: 0 5px 0 10px;
}
#form_opciones, #form_proveedores {
	float: left;
    margin-left: 20px;
	margin-bottom: 20px;
}
.foot_1 {
	float: left;padding-left: 80px;
}
.foot_2 {
	float: right;padding-top: 6px;padding-right: 10px;
}
.grap_barra {
	float: left;
    border: solid 1px;
    margin-left: 25px;
    padding-bottom: 30px;
    padding-top: 10px;
}
.chart_tit 
{
	margin: 0;
    padding-top: 15px;
	padding-bottom: 5px;
    font-weight: bold;
    font-size: 2em;
}
.head-frame {
	background: url(head-frame.png) repeat-x; 
	height: 53px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#iframe-box {
	background: #fff;
	border-bottom: 1px solid #c2c2c2;
	border-top: 1px solid #fff;
	padding:0;
}

#iframe-box-alt {
	min-height: 650px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c2c2c2;
	*margin-top: -15px;
}

iframe{
	min-height: 450px;
    width: 100%;
}

.head-reporte {margin: 17px 0 0 10px;}
	.head-reporte li {float: left; color: #fff; font-size: 20px; margin-right: 8px; text-shadow: #7e8892 0 1px 0;}
		.spacer-head-frame { height: 33px; width: 1px; background: #8e9ca8; margin-top: -5px;}

.change_password_content {
    padding: 25px 18px;
    border-bottom: 1px solid #C2C2C2;
    border-top: 1px solid #FFFFFF;
}

/* dashboard index
-------------------------------------------------------------- */

#dashboard {margin: 14px 14px 17px;}
	
.tools-dash {padding-bottom: 18px; margin: 0 12px;}
	.tools-dash h4 {color: #4C6072; font-size: 18px; text-shadow: #fff 0 1px 0; margin-top: 2px; font-weight: bold;}
	.tools-dash a { 
       color: #4c6072;
       text-shadow: #fff 0 1px 0;
       font-size: 10px;
       font-weight: bold;	
       padding:6px 11px 8px 31px;
       *padding:6px 11px 8px 31px;
	 }
	
	.tools-dash li {height: 30px;}
	
	.tools-dash a.contraer {background: url(bg-btn-exp.png) no-repeat 0 -130px; margin-left: -17px}
	
	 .tools-dash a:hover {color: #f47920; text-decoration: none; text-shadow: #fff 0 1px 0; }
		.tools-dash a.expandir {background: url(bg-btn-exp.png) no-repeat 0 -47px;}
		.tools-dash a.contraer {background: url(bg-btn-exp.png) no-repeat 0 -130px; margin-left: -18px}
			.tools-dash a.expandir:hover {background: url(bg-btn-exp.png) no-repeat 0 -7px;}
			.tools-dash a.contraer:hover {background: url(bg-btn-exp.png) no-repeat 0 -90px;}
			
.col-dashboard {
  width: 33.3%;
  float: left;
}

/* ----- Tipos de box ------ */

.box-dashboard { 
  background: #fafafa url(bg-mod-dashboard.jpg) repeat-x top;
  margin: 0 12px 25px;
  border: 1px solid #bcbbbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0px 1px 2px #bcbbbb;
  -webkit-box-shadow: 0px 1px 2px #bcbbbb;
  box-shadow: 0px 1px 2px #bcbbbb;
}

.box-dashboard div { color: #555; font-size: 11px; border-bottom: 1px solid #ccc; *padding-bottom: 10px; *margin-bottom: -10px;}
	.box-dashboard div p { line-height: 15px; margin: 0 15px 10px 10px; overflow-y: auto; max-height: 88px;}
	.box-dashboard div h6 { padding: 10px 15px 0 10px; }
		.box-dashboard div a {color: #4c6072; font-weight: bold; font-size: 14px; text-shadow: #fff 0 1px 0;}
		.box-dashboard div a:hover {color:#ea863d; text-decoration: none; }
		
		.box-dashboard .recomendaciones {background: url(sprite-modulos.png) no-repeat right 0;}	
		.box-dashboard .matriz {background:url(sprite-modulos.png) no-repeat right -157px;}	
		.box-dashboard .descargas {background: url(sprite-modulos.png) no-repeat right -939px;}	
		.box-dashboard .cubo {background: url(sprite-modulos.png) no-repeat right -783px;}	
		.box-dashboard .indicadores {background: url(sprite-modulos.png) no-repeat right -626px;}	
		.box-dashboard .reportes {background: url(sprite-modulos.png) no-repeat right -470px;}	
		.box-dashboard .carros {background: url(sprite-modulos.png) no-repeat right -313px;}	

.show-ul, .show-repo {
  padding: 2px 10px 3px; 
  background: #e1ebf3 url(img/bg-a-repo.png) repeat-x 0 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-weight: normal;
}

.show-ul-active {
  padding: 2px 10px 3px; 
  border-bottom: 1px solid #b3b3b3;
  background: #cfdbe7 url(img/bg-a-repo.png) repeat-x 0 -32px;
  font-weight: normal;
} 	

.show-ul:hover, .show-repo:hover, .show-ul-active:hover {background: #cfdbe7 url(img/bg-a-repo.png) repeat-x 0 -32px;} 

.show-ul a, .show-repo a, .show-ul-active a {color: #32404b; text-shadow: #fff 0 1px 0; font-size: 12px;}	
	.show-ul span {background: url(img/arrow-funtion.png) no-repeat right -20px; display: block; cursor: pointer; text-shadow: #fff 0 1px 0;}
	.show-repo a {background: url(img/arrow-funtion.png) no-repeat right -46px; display: block; }
	.show-ul-active span {background: url(img/arrow-funtion.png) no-repeat right 5px; display: block; cursor: pointer; text-shadow: #fff 0 1px 0;}
	
	.show-repo a:hover {text-decoration: none;}	
	
.box-dashboard ul {
  background: #f5f9fd;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-weight: normal;
  display: none;
}

.box-dashboard ul li {border-top: 1px solid #fff; border-bottom: 1px solid #ccc;}	
	.box-dashboard ul li:hover {background: #fff url(bg-mod-dashboard.jpg) repeat-x top;}
		.box-dashboard ul li a {padding: 1px 5px; font-size: 11px; color: #32404b; display: block;}
			.box-dashboard ul li a:hover {text-decoration: none;}
	
	
/* footer
-------------------------------------------------------------- */

#footer {margin: 13px 13px 30px;}
	#footer ul li {float: left; margin-right: 10px; }
		#footer ul li a {color: #777; text-shadow: #fff 0 1px 0; font-size: 11px;}
		#footer ul li a:hover {color: #f47920;}
			.spacer-footer {width: 1px; height: 20px; background: #ccc; margin-top: 2px;}


/* Cambiar clave
-------------------------------------------------------------- */

.change_password_content label {
	color: #3e5060; 
	text-shadow: #fff 0 1px 0;
}

.change_password_content input {
	padding: 5px 8px;
	border: 1px solid #ccc
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.change_password_content input:hover, .change_password_content input:focus {
	-moz-box-shadow: inset 0 0 2px  #8398aa;
	-webkit-box-shadow: inset 0 0 2px #8398aa;
	box-shadow: inset 0 0 2px #8398aa;
}

.change_password_content input.submit {
	border: 1px solid #b7b7b7; 
	background: #fff; 
	font-size: 11px; 
	font-weight: bold;
	color: #3e5060; 
}

.change_password_content input.submit:hover {
	background: #8398aa;
	text-shadow: #354553 0 1px 0;
	border: 1px solid #55697b;
	color: #fff;
}

/* Modal Windows
-------------------------------------------------------------- */

#modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#fff; }

/* Container */

#simplemodal-container {
	height:205px; 
	width:400px; 
	color:#555555; 
	background-color:#fff; 
	border:3px solid #f3a248; 
	padding:12px;
		-moz-box-shadow: 0px 0px 4px #ccc;
	-webkit-box-shadow: 0px 0px 4px #ccc;
	box-shadow: 0px 0px 4px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/*#simplemodal-container a.modalCloseImg {background:url(img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}*/

#simplemodal-container h3 {color:#4c6072;}
#simplemodal-container p {margin-bottom: 8px;}
#simplemodal-container a {color:#f47920;}

#simplemodal-container .simplemodal-data {padding:12px;}

/* Descargas
-------------------------------------------------------------- */

#files-container{padding: 15px;}

#top-download {
	background: url(img/download/head-table.png) repeat-x top;
	height: 40px;
	border: 1px solid #bcbdbe;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-box-shadow: 0px 1px 2px #bcbbbb;
	-webkit-box-shadow: 0px 1px 2px #bcbbbb;
	box-shadow: 0px 1px 2px #bcbbbb;
}

#files-download {
	background: #fff;
	border: 1px solid #bcbdbe;
	border-top: 1px solid #fff;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-box-shadow: 0px 1px 2px #bcbbbb;
	-webkit-box-shadow: 0px 1px 2px #bcbbbb;
	box-shadow: 0px 1px 2px #bcbbbb;
}

#breadcrumb {margin-top: 10px; margin-left: 10px;}
	#breadcrumb li {
		float: left;
		margin-right: 5px;
	}	
		#breadcrumb li.spacer {
			background: url(img/download/arrow-brea.png) no-repeat 2px 7px;
			padding: 10px 5px;
		}
		#breadcrumb li a {
			font-size: 11px;
			font-weight: bold;
			color: #637585;
			text-shadow: #fff 0 1px 0;
		}
		#breadcrumb li a:hover {
			color: #4c6072;
		}

#arrows {
	background: url(img/download/tab-page.png) no-repeat;
	width: 58px;
	height: 28px;
	margin: 6px 7px 0 0;
}
	#arrows li {float: left; margin-right: 7px;}
		#arrows li a {padding: 5px 9px;}
		#arrows li a:hover {text-decoration: none;}
	
	.left-arrow a {background: url(img/download/arrows.png) no-repeat 8px -16px;}
	.right-arrow a {background: url(img/download/arrows.png) no-repeat -20px -16px;}
	
	.left-arrow.inactive a {background: url(img/download/arrows.png) no-repeat 8px 4px;}
	.right-arrow.inactive a {background: url(img/download/arrows.png) no-repeat -20px 4px;}
	
	
	
	

#files-download table thead th {
	padding: 2px 10px;
	background: #f7f8f9;
	color: #555;
	text-shadow: #fff 0 1px 0;
	font-size: 11px;
	border-bottom: 1px solid #d7d8d8;
	-moz-box-shadow: 0px 1px 2px #f4f4f4;
	-webkit-box-shadow: 0px 1px 2px #f4f4f4;
	box-shadow: 0px 1px 2px #f4f4f4;
}

#files-download table tr td {
	font-size: 11px;
	color: #444;
}
	#files-download table tr td a {color: #304353; padding: 5px 0 5px 25px;}
 
.archivo {width: 60%;}
.tamaño {width: 15%;}
.fecha {width: 25%;}

#files-download table tr td.archivo:hover {background: url(img/download/download.png) no-repeat right;}

#files-download tbody tr:nth-child(even) td.archivo:hover, 
#files-download tbody tr.even td.archivo:hover  { 
	background: #FBFCFC url(img/download/download.png) no-repeat right;
}

/* -------------- Sprite ----------- */

.pdf {background: url(img/download/sprite.png) no-repeat left -75px;}





/* Life in Colors  tab-page.png
-------------------------------------------------------------- */

/* -------------- Azul ----------- */

#azul #header { background: url(img/azul/header.jpg) repeat-x;}
	#azul .logo li a { color: #fff; font-size: 30px; text-shadow: #4f6376 1px 1px 2px;}
	#azul .logo li a:hover {color: #455767; text-shadow: #7595b0 0 1px 0; text-decoration: none;}

	#azul .nav li.active-nav {background: url(img/azul/active-nav.png) repeat-x;}
		#azul .nav li a {color: #fff; text-shadow: #415362 0 1px 0; }
		#azul .nav li a:hover {color: #455767; text-shadow: #7595b0 0 1px 0;}

#azul .nav li.recomendaciones a {background: url(img/azul/sprite-nav2.png) no-repeat -15px -97px;}
#azul .nav li.matriz a {background: url(img/azul/sprite-nav2.png) no-repeat -140px -97px;}
#azul .nav li.descargas a {background: url(img/azul/sprite-nav2.png) no-repeat -240px -97px;}
#azul .nav li.cubo a {background: url(img/azul/sprite-nav2.png) no-repeat -323px -97px;}
#azul .nav li.reportes a {background: url(img/azul/sprite-nav2.png) no-repeat -409px -97px;}
#azul .nav li.indicadores a {background: url(img/azul/sprite-nav2.png) no-repeat -485px -97px;}
#azul .nav li.carros a {background: url(img/azul/sprite-nav2.png) no-repeat -573px -97px;}

#azul .nav li.recomendaciones a:hover {background: url(img/azul/sprite-nav2.png) no-repeat -15px -15px;}
#azul .nav li.matriz a:hover {background: url(img/azul/sprite-nav2.png) no-repeat -140px -15px;}
#azul .nav li.descargas a:hover {background: url(img/azul/sprite-nav2.png) no-repeat -240px -15px;}
#azul .nav li.cubo a:hover {background: url(img/azul/sprite-nav2.png) no-repeat -323px -15px;}
#azul .nav li.reportes a:hover {background: url(img/azul/sprite-nav2.png) no-repeat -409px -15px;}
#azul .nav li.indicadores a:hover {background: url(img/azul/sprite-nav2.png) no-repeat -485px -15px;}
#azul .nav li.carros a:hover {background: url(img/azul/sprite-nav2.png) no-repeat -573px -15px;}


#azul .spacer-breadcrumbs { background: url(img/azul/div-miga.png) no-repeat;}
	#azul .breadcrumbs li a, #azul .victorinox li.user a {color: #455767; text-shadow: #c0cdd7 0 1px 0; }
	#azul .breadcrumbs li a:hover, #azul .victorinox li.user a:hover {color: #fff; text-shadow: #516679 0 1px 0; }

#azul .spacer-tools {background: url(img/azul/div-tools.png) repeat-y; width: 2px; height: 26px;}
		#azul .sprite-tools:hover a {background: url(img/azul/tools-sprite.png) no-repeat -6px 0;}
		#azul .sprite-info:hover a {background: url(img/azul/tools-sprite.png) no-repeat -35px 0;}
		#azul .sprite-logout:hover a {background: url(img/azul/tools-sprite.png) no-repeat -62px 0;}
		
		#azul .sprite-tools a {background: url(img/azul/tools-sprite.png) no-repeat -97px 0;}
		#azul .sprite-info a {background: url(img/azul/tools-sprite.png) no-repeat -126px 0;}
		#azul .sprite-logout a {background: url(img/azul/tools-sprite.png) no-repeat -154px 0;}


/* Login 
-------------------------------------------------------------- */

.bezel-login {
	background: url(img/bezel.png) repeat-x 0 255px;
	margin-top: 150px;
}

.content-login {
	width: 250px;
	margin: 0 auto;
}

.content-login img {
	margin-bottom: 30px;
	margin-left: 60px;
}

.content-login p {
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	font-size: 14px;
	color: #898989;
	margin-bottom: 30px;
}

.border-btn {
	background-color: #7d8790;
	margin-left: 40px;
	padding: 16px 8px 17px;
	width: 150px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	border-bottom: 1px solid #fff;
	border-top: 2px solid #6c747c;	
}

.border-btn a{	
	color: red;
	padding: 13px 23px 12px;
	background: url(img/bg-login.png) repeat-x 0 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #d97b36;
	font-size: 13px;
	text-transform: uppercase;
	text-shadow: 1px 2px 1px #af6c31;
	color: #fff;
	font-weight: bold;
	-moz-box-shadow: 0 1px 0 #919ba3;
	-webkit-box-shadow: 0 1px 0 #919ba3;
	box-shadow: 0 1px 0 #919ba3;	
}		

.border-btn a:hover {
	background: url(img/bg-login.png) repeat-x 0 -63px;
	text-decoration: none;
	text-shadow: 1px -1px 1px #af6c31;
}

.tool {
	border: 1px solid #c9cbcd;
	width: 400px;
	position: relative;
	margin-left: -75px;
	background: #ededed;
	padding: 10px 10px 0;
	margin-top: 50px;
	margin-bottom: 50px;
	-moz-box-shadow: 1px 0 2px #bcbbbb;
	-webkit-box-shadow: 1px 0 2px #bcbbbb;
	box-shadow: 1px 0 2px #bcbbbb;
}

.tool p {
	font-size: 12px;
	margin-bottom: 10px;
	color: #707070;
}

#zorro .bezel-login {
	margin-top: 100px;
	background: url(img/bezel.png) repeat-x 0 225px;
}

#zorro .content-login img {
	margin-bottom: 0;
}

/* Hack 
-------------------------------------------------------------- */

body.Opera {font-family: Helvetica Neue, Arial, Verdana, sans-serif; font-size: 12px;}
body.browserIE  {font-family: Arial, Verdana, sans-serif; font-size: 12px;}

.Safari .nav, .Chrome .nav {margin-top: 2;}		
.Safari .tools-dash a, .Chrome .tools-dash a { padding: 6px 12px 8px 30px;}

.Firefox .tools-dash a.contraer {margin-left: -17px}
.Firefox .tools-dash a { padding:8px 11px 8px 31px; }

.browserIE .nav {*margin-top: 2px;}	

.Safari .report-buttons, .Chrome .report-buttons {height: 30px;}	

.Safari #menu_tma .report-buttons ul.page-lvl2 li.down.death a, .Chrome #menu_tma .report-buttons ul.page-lvl2 li.down.death a{background: url(flechas-lvl2.png) no-repeat center -54px;}
.Safari #menu_tma .report-buttons ul.page-lvl2 li.down a, .Chrome #menu_tma .report-buttons ul.page-lvl2 li.down a {background: url(flechas-lvl2.png) no-repeat center -54px;}
	.Safari #menu_tma .report-buttons ul.page-lvl2 li.down.death a:hover, .Chrome #menu_tma .report-buttons ul.page-lvl2 li.down.death a:hover{background: url(flechas-lvl2.png) no-repeat center -54px;}
	.Safari #menu_tma .report-buttons ul.page-lvl2 li.down a:hover, .Chrome #menu_tma .report-buttons ul.page-lvl2 li.down a:hover{background: url(flechas-lvl2.png) no-repeat center -86px;}

.Safari #menu_tma .report-buttons ul.page-lvl2 li.up.death a, .Chrome #menu_tma .report-buttons ul.page-lvl2 li.up.death a{background: url(flechas-lvl2.png) no-repeat center 10px;}
.Safari #menu_tma .report-buttons ul.page-lvl2 li.up a, .Chrome #menu_tma .report-buttons ul.page-lvl2 li.up a{background: url(flechas-lvl2.png) no-repeat center 10px;}
	.Safari #menu_tma .report-buttons ul.page-lvl2 li.up a:hover, .Chrome #menu_tma .report-buttons ul.page-lvl2 li.up a:hover {background: url(flechas-lvl2.png) no-repeat center -22px;}
	.Safari #menu_tma .report-buttons ul.page-lvl2 li.up.death a:hover, .Chrome #menu_tma .report-buttons ul.page-lvl2 li.up.death a:hover{background: url(flechas-lvl2.png) no-repeat center 10px;}

#menu_tma .report-buttons {*margin-bottom:0; *height: 31px;}
#menu_tma .report-buttons ul {*padding: 2px 0 1px;}

#menu_tma .report-buttons {*margin-bottom:0; *height: 33px;}
#menu_tma .report-buttons ul {*margin: 0 7px;}
#menu_tma .report-buttons ul li {*padding: 2px 0 1px; *border-top: 1px solid #354553;}
#menu_tma .report-buttons ul li a{
	*background: #546879 url(img/tabs-h.jpg) repeat-x;
	*border: 1px solid #354553;
	*border-bottom: none;
	*padding: 12px 10px 10px;
	*color: #fff;
}	

	
.loadingNow{
	background-image:url(loading.gif);
	background-repeat:no-repeat;
	background-position:center;
}
.grfExport{
	position:absolute;
	left:3000px;
	top:3000px;
}