/* Tabla de Listados */
table.listado {
	border: 5px solid double;
	border-color: #006400;
}

table.listado td {
border: 1px solid;
	border-color: black;
	background-color: #cccccc;
	color: #000000;
	padding: 5px;
}

table.listado td.blanco {
border: 0px solid;
	border-color: black;
	background-color: #ffffff;
	color: #000000;
	padding: 5px;
}

table.listado th {
	border: 1px solid;
	border-color: black;
	background-color: #dc002e;
	color: #fff;
}

table.listado a, table.listado a:visited {
        color:#000000;
        }
*html table.listado a, table.listado a:visited {
        color:#000000;
        }

table.informe {
	border-collapse: collapse;
}

table.informe th {
	border: 1px solid;
	border-color: black;
	text-align: left;
}

tr.pie  {
	border: 1px solid;
	border-color: black;
	font-weight: bold;
}

td.caja {
	border: 1px solid;
}

td.caja_total {
	border: 1px solid;
  font-weight: bold;
}

/* Cabecera */
table.cabecera {
	border-collapse: collapse;
    /*    border-spacing: 0px;
	padding: 0px;
	border: 0px; */
}

table.cabecera td {
	border-color: black;
	background-color: #333;
}

table.cabecera a, table.cabecera a:visited {
        color:#fff;
        }
*html table.cabecera a, table.cabecera a:visited {
        color:#fff;
        }

/* Tabla ultimas cotizaciones */
td.verde {
	border: 1px solid;
	border-color: black;
	background-color: #008000;
        color:#fff;
}

td.gris {
	border: 1px solid;
	border-color: black;
	background-color: #fff;
	color:#fff;
}

td.rojo {
	border: 1px solid;
	border-color: black;
	background-color: #DC002E;
	color:#fff;
}

td.amarillo {
	border: 1px solid;
	border-color: black;
	background-color: #FFFF00;
        color:#000;
}

td.naranja {
	border: 1px solid;
	border-color: black;
	background-color: #FFA500;
        color:#000;
}

/* Formularios */
fieldset.formulario {
	background-color: #cccccc;
	border: 1px solid #781351;
}

fieldset.formulario legend
{
color: #fff;
background: #dc002e;
border: 1px solid #781351;
padding: 2px 6px
} 


/* Menu superior */
/*
.menu_superior ul, .menu_superior li
{
	display: inline;
	padding: 0px;
}

.menu_superior ul li a
{
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #000;
	padding: 5px;
}
*/

#menu_superior_div {
background:#333 none repeat scroll 0 0;
color:#FFFFFF;
height:2.2em;
line-height:2.2em;
margin:1px;
padding:0 0 0 0;
/* width:998px; */
}
.menu_superior li, .menu_superior ul  {
display: inline;
border-right:1px solid #FFFFFF;
float:left;
list-style-type:none;
white-space:nowrap;
}
.menu_superior li a {
background-color:inherit;
color:#FFFFFF;
display:block;
font-weight:normal;
padding:0 7px;
text-decoration:none;

white-space: normal;
float: left;
width: 100%;
height: auto;
word-wrap: break-word;
}
* html #menu_superior a {
width:1%;
}


html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif}
p{margin:0 10px 10px}
a{display;color: #981793;padding:10px}
div#header h1{height:50px;line-height:50px;margin:0;
padding-left:10px;color: #FFFFFF}
div#content p{line-height:1.4}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#wrapper{float:left;width:100%}
div#content{margin: 0 20%}
div#navigation{float:left;width:15%;margin-left:-100%}
div#usuario{float:left;width:15%;margin-left:-15%}
div#extra{float:left;width:15%;margin-left:-16%}
div#footer{clear:left;width:100%}

.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error.png');
}

#sugerencias{
        width:290px;
/*      position: absolute;  */
        left: 200;
        top: 65px;
        border-style: solid;
        border-width:1px;
}

#sugerencias a{
        color: black;
        text-decoration: none;
}


table.listado_con_cotizaciones {
border: 5px solid double;
    border-color: #006400;
}

table.listado_ td {
border: 1px solid;
    border-color: black;
    background-color: #cccccc;
    color: #000000;
    padding: 5px;
}

table.listado_con_cotizaciones th {
    border: 1px solid;
    border-color: black;
    background-color: #dc002e;
    color: #fff;
}

table.listado_con_cotizaciones a, table.listado_con_cotizaciones a:visited {
        color:#000000;
        }
*html table.listado_con_cotizaciones a, table.listado_con_cotizaciones a:visited {
        color:#000000;
        }

.hover_text a span { position:absolute; display:none; z-index:99;}

.hover_text a:hover span{
    position: fixed;
    display:block;
    top: 10%;
    left: 20%;
    margin-top: -50px;
    margin-left: -50px;
}

.divproblematica {width:500px; height:300px;}

 /* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 320px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}