body {
  background-color: #FFF;
  background-image: url(fondo.jpg);
  background-repeat: repeat-x;
  background-position:center top;
  margin:0px;
  min-width: 800px;
  }



#Titulo {
  font-family: "Helvetica", Arial;
  font-size: 22px;
  color: #0a8eb4;  /*#900; #18A4E7;  #0a8eb4  */  
}

#mensaje {
  font-family: "Helvetica", Arial;
  font-size: 14px;
  text-align: justify;
}

.Textos {
	font-family: "Helvetica", Arial;
  font-size: 12px;
  font-weight: bold;
}



#textoPrincipal {
  font-family: "Helvetica", Arial;
  font-size: 18px;
  text-align: center;
}


#eligeEncuesta {
  font-family: "Arial", Arial;
  font-size: 22px;
  text-align: center;
}



#btnSubmit
{
  padding-left: 10px;
  padding-right: 10px;   
	cursor: pointer;
}

#btnIndice
{
  border:none; 
  background-color: transparent;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  color: #555555;
}

#btnIndice:hover 
{
  background-image: url(/dominio/imagenes/hover.jpg);
  background-position:center bottom;
  background-repeat:repeat-x;
  color: #555!important;
}



#btnIndice2
{
  border:none; 
  background-color: transparent;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  font-size: 16px;  
  font-weight: bold;
  color: #900;    
}



#btnIndice2:hover 
{
  background-image: url(/dominio/imagenes/hover.jpg);
  background-position:center bottom;
  background-repeat:repeat-x;
  color: #555!important;
}

#btnIndice3
{
  border:none; 
  background-color: transparent;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  font-family: "Calibri", Calibri;
  font-size: 30px;  
  font-weight: bold;
  color: #900;    
}



#btnIndice3:hover 
{
  background-image: url(/dominio/imagenes/hover.jpg);
  background-position:center bottom;
  background-repeat:repeat-x;
  color: #555!important;
}

#btnBrowse
{
  border:none; 
  background-color: transparent;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  font-size: 12px;  
  font-weight: bold;
  color: #900;    
}



#btnBrowse:hover 
{
  background-image: url(/dominio/imagenes/hover.jpg);
  background-position:center bottom;
  background-repeat:repeat-x;
  color: #555!important;
}

.textCombo {
  font-family: "Helvetica", Arial;
  font-size: 11px;
}


.textCombo2 {
  font-family: Arial, Helvetica;
  font-size: 12px;
}

.textSelectOpciones {
  font-family: Arial, Helvetica;
  font-size: 12px;
}



/*http://www.bestcssbuttongenerator.com/#/zI5kG1Ny7h*/

#myButton {
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:16px; 
	padding:8px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
#myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#408c99;
}
#myButton:active {
	position:relative;
	top:1px;
}



/*http://www.cssbuttongenerator.com*/
/*  Botones Azules de Menus */
/*
#bee2f9 -> color azul claro
#63b8ee -> color azul medio       ->0ab5e1 
#468ccf -> color azul mas oscuro
*/
#myButtonf {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0ab5e1), color-stop(1, #468ccf) );   //
	background:-moz-linear-gradient( center top, #0ab5e1 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ab5e1', endColorstr='#468ccf');
	background-color:#63b8ee;
	-webkit-border-top-left-radius:11px;
	-moz-border-radius-topleft:11px;
	border-top-left-radius:11px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:11px;
	-moz-border-radius-bottomright:11px;
	border-bottom-right-radius:11px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0px;
	border:1px solid #3866a3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:210px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 5px #7cacde;
}
#myButtonf:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #0ab5e1) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #0ab5e1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#0ab5e1');
	background-color:#468ccf;
}
#myButtonf:active {
	position:relative;
	top:1px;
}
    

/*http://www.cssbuttongenerator.com*/
/*  Botones Azules de Menus */
/*
#bee2f9 -> color azul claro
#63b8ee -> color azul medio       ->0ab5e1 
#468ccf -> color azul mas oscuro
*/
#myButtonLogin {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0ab5e1), color-stop(1, #468ccf) );   //
	background:-moz-linear-gradient( center top, #0ab5e1 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ab5e1', endColorstr='#468ccf');
	background-color:#63b8ee;
	-webkit-border-top-left-radius:11px;
	-moz-border-radius-topleft:11px;
	border-top-left-radius:11px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:11px;
	-moz-border-radius-bottomright:11px;
	border-bottom-right-radius:11px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0px;
	border:1px solid #3866a3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:110px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 5px #7cacde;
}
#myButtonLogin:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
}
#myButtonLogin:active {
	position:relative;
	top:1px;
}
    
.textLogin {
  font-family:Arial;
	font-size:14px;
}



/*
#bee2f9 -> color azul claro
#63b8ee -> color azul medio       ->0ab5e1 
#468ccf -> color azul mas oscuro
*/
#myButtonf1 {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0ab5e1), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #0ab5e1 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ab5e1', endColorstr='#468ccf');
	background-color:#0ab5e1;
	-webkit-border-top-left-radius:11px;
	-moz-border-radius-topleft:11px;
	border-top-left-radius:11px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:11px;
	-moz-border-radius-bottomright:11px;
	border-bottom-right-radius:11px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0px;
	border:1px solid #3866a3;
	display:inline-block;
	color:#ffffff;     /*#14396a;*/
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:130px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 5px #7cacde;
}
#myButtonf1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #0ab5e1) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #0ab5e1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#0ab5e1');
	background-color:#468ccf;
}
#myButtonf1:active {
	position:relative;
	top:1px;
}



.myButtonf1 {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	-webkit-border-top-left-radius:11px;
	-moz-border-radius-topleft:11px;
	border-top-left-radius:11px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:11px;
	-moz-border-radius-bottomright:11px;
	border-bottom-right-radius:11px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0px;
	border:1px solid #3866a3;
	display:inline-block;
	color:#ffffff     /*#14396a;*/
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:25px;
	width:120px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 5px #7cacde;
}
.myButtonf1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
}
.myButtonf1:active {
	position:relative;
	top:1px;
}


/**************************************** Para convertir la lista de opciones en botones */
/* http://www.htmllion.com/default-select-dropdown-style-just-css.html */

.menuBotones select {
		border: 0 !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
    	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );  /* MLR  */
	    background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );                                          /* MLR  */
		background: #63b8ee url(img/select-arrow.png) no-repeat 90% center;
     	height:30px;  /*mlr*/
		width: 220px; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: *#14396a;   
     	font-family:Arial;
    	font-size:14px;  /*    	font-weight:bold; */
    	font-style:normal;
		border-radius: 11px;
		padding: 5px;
		box-shadow: inset 0 0 5px rgba(000,000,000, 0.5);
	}
.menuBotones select.blue {           /*		border-radius: 11px 0;  */
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );  /* MLR  */
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );                                          /* MLR  */
 	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	}    

    
.listaPuestos select {
		border: 0 !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
    	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );  /* MLR  */
	    background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );                                          /* MLR  */
		background: #63b8ee url(img/select-arrow.png) no-repeat 90% center;
     	height:30px;  /*mlr*/
		width: 250px; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: *#14396a;   
     	font-family:Arial;
    	font-size:12px;  /*    	font-weight:bold; */
    	font-style:normal;
		border-radius: 11px;
		padding: 5px;
		box-shadow: inset 0 0 5px rgba(000,000,000, 0.5);
	}
.listaPuestos select.blue {           /*		border-radius: 11px 0;  */
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );  /* MLR  */
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );                                          /* MLR  */
 	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	}    
    
/**********************************************  Boton gris con texto Rojo */
/***************************************   Para menu general pero n se uso */

.myButtonG {
	-moz-box-shadow:inset 0px 1px 0px 0px #d6d6d6;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d6d6d6;
	box-shadow:inset 0px 1px 0px 0px #d6d6d6;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ada8ad), color-stop(1, #6e6e6e) );
	background:-moz-linear-gradient( center top, #ada8ad 5%, #6e6e6e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ada8ad', endColorstr='#6e6e6e');
	background-color:#ada8ad;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0;
	border:1px solid #ffffff;
	display:inline-block;
	color:#8a2323;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 3px #e6dfdf;
}
.myButtonG:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6e6e6e), color-stop(1, #ada8ad) );
	background:-moz-linear-gradient( center top, #6e6e6e 5%, #ada8ad 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e6e6e', endColorstr='#ada8ad');
	background-color:#6e6e6e;
}
.myButtonG:active {
	position:relative;
	top:1px;
}
    
/*********************************************** Para titulos de grafica */ 

.chartWithOverlay {
    position: relative;
    width: 850px;
}
.overlay {
    width: 400px;
    height: 200px;
    position: absolute;
    top:  10px;  /* chartArea top  */
    left: 230px; /* chartArea left */
}

/************************************************* Para tooltips con <a> */ 
 
.tooltip
{
  position: relative; //  background: #eaeaea;  //color Fondo Texto origen
  background: ;  // #eaeaea;   // Fondo Texto origen
  cursor: help;
  display: inline-block;
  text-decoration: none; 
  color: #222;             //Color texto Origen y ToolTip
  outline: none;
}


.tooltip span
{
  visibility: hidden;
  position: absolute; 
  bottom: 30px;
  left: 50%;
  z-index: 999;
  width: 200px;
  margin-left: -127px;
  padding: 10px;
  border: 2px solid #ccc;
  opacity: .9;
  background-color: #e3eae0;   // Color Fondo Tooltip                    
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  
  -moz-border-radius: 4px;
  border-radius: 4px;  
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;  
  text-shadow: 0 1px 0 rgba(255,255,255,.4); 
}

.tooltip:hover
{
  border: 0; /* IE6 fix */
}

.tooltip:hover span
{
  visibility: visible;
}

.tooltip span:before,
.tooltip span:after
{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;  
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;        
  border-bottom: 0;  
}

.tooltip span:before
{
  border-top-color: #ccc;
  bottom: -8px;
}