/* 
    Document   : rech
    Created on : 17-mar-2010, 8:55:57
    Author     : dani
    Description:
        Purpose of the stylesheet follows.
*/

html {
    font-size: 0.714em;
}

body.rech, #wrap {
    height: 100%; 
    width: 100%;
    margin: 0px; padding:0px;
}
body.rech { 
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    height: 100%;
    line-height: 1.5em;
}
body.rech > #wrap {
    height: auto; min-height: 100%;
}

#main {
    overflow: auto; padding-bottom: 250px;
    width: 100%;
    margin: auto; align: center;
}
#main2 {
    overflow: auto; padding-bottom: 0px;
    width: 100%; height:100%;
    margin: auto; align: center;
    /*background:url('../images/web/bg9.png');
    background-repeat:repeat-y;        
    background-position: right;*/
}
div#footer {
    width:100%;
    height:275px;
    clear: both;
    margin-top: -250px;
    position: relative;
    font-weight: bold;
    background-color: #f5f5f5;
}
div#header { 
    position: relative;
    height: 146px; width: 100%;
    background: url('../images/web/bg1.gif') white repeat-x;
}

/*.c1 { color: #C92C2C;}*/
.c1b { color: #C92C2C;}
.c1 { color: #505050;}
.bg1 { background-color: #C92C2C;}
.c2 { color: #CF6123;}
.bg2 { background-color: #CF6123;}
.c3 { color: #F3C363;}
.bg3 { background-color: #F3C363;}
.c4 { color: #F1E9BB;}
.bg4 { background-color: #F1E9BB;}
.c5 { color: #5C483A;}
.bg5 { background-color: #5C483A;}
.c6 { color: #1c94c4;}
.bg6 { background-color: #1c94c4;}

.cg1 { color: #f5f5f5; }
.bgg1 { background-color: #f5f5f5; }
.cg2 { color: #a0a0a0; }
.bgg2 { background-color: #a0a0a0; }
.cg3 { color: #f0f0f0; }
.bgg3 { background-color: #f0f0f0; }
.cg4 { color: #303030; }
.bgg5 { background-color: #e0e0e0; }

.left { text-align: left; }
.right { text-align: right; }
.fleft { float: left; }
.fright { float: right; }
.inline { display: inline; }
.block { display: block; }
.h100 { height: 100%; }
.w100 { width: 100%; }
.w40 { width: 40%; }
.w60 { width: 60%; }
.w50 { width: 50%; }
.black { color: black; }
.white { color: white; }
.bgwhite { background-color: white; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom {vertical-align:bottom;}
.bold { font-weight: bold; }
.small { font-size: 0.9em; }
.center { text-align: center; }
.nowrap { white-space: nowrap; }
.hide { display: none; }

.m12 {  margin:12px; }
.p12 { padding: 12px; }
.pt12 { padding-top: 12px; }
.mt12 { margin-top: 12px; }
.mb12 { margin-bottom: 12px; }

.t1 { font-size:2.2em;  font-family: Times; }
.t2 { font-size:2.2em; }
.t3 { font-size:1.8em; }
.t4 { font-size:1.4em; }
.t4b { font-size:1.4em;font-family: Times; }
.t5 { font-size:1.2em; }

.clear { clear: both; }

a.link {
    /*color: #C92C2C;*/
    color: #505050;
    text-decoration: none;
}
a.link2 {
    color: #1c94c4;
    text-decoration: none;
    display: block; width: 100%;
}
div.tabds {
    background-color: #f0f0f0;
    color: #a0a0a0;
}
div.tabds a { color:#808080; }
div.tabds:hover {
    background-color: #F3C363;
}
div.tabds:hover a { color: #303030; }

div.menu, div.menu1, div.menu2, div.menu3, div.menu4 {
    position: relative;
    top: 105px;  
    margin: auto;    
    align: center;
    /* width: 570px; */
    width: 430px;
}
div.menu2 {
    width: 570px;
}
div.menu3 {
    width: 710px;
}

div.menu4 {
    width: 850px
}

div.bannerContainer {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #f0f0f0;
    border-bottom: 2px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

ul.menu {
    margin: 0px; padding: 0px;
    background-color: #303030;    
    display: block;
}
li.menuItem, li.menuItem_, li.menuItem2, li.menuItem2_ {
    margin: 0px;
    float: left;
    list-style: none;
    background-color: #303030;
    text-align: center;
    display:block;
    border-top:1px solid white;
}
li.menuItem2 {
}

li.menuItem_, li.menuItem2_ {
    border:1px solid #e0e0e0;
    border-bottom: 0px;
    background-color: white;   
}
li.sep {
    background: url('../images/web/bg3.gif') #303030; 
    background-repeat: no-repeat; 
}
li.sep2 {
    /*background: url('../images/web/bgbutton.gif') #808080;  */
    background: url('../images/web/bg3.gif') #303030; 
    background-repeat: no-repeat; 

}
div.sep {
    background: url('../images/web/bg4.gif');     
    background-repeat: no-repeat; 
}

li.menuItem a, li.menuItem_ a, li.menuItem2 a, li.menuItem2_ a {
    padding: 10px;
    color: white;
    text-decoration: none;
    display: block;
    width: 120px;
    height: 20px;
}
li.menuItem2 a {
    color: #1c94c4;
}
li.menuItem_ a, li.menuItem2_ a {
    color: #505050;
}
li.menuItem a:hover, li.menuItem2 a:hover   {
    color: #F3C363;
}

div.contentHeader {
    height: 30px;
    background-color: white;
}
div.content {
    background: url('../images/web/bg2.gif') white;
    background-repeat: repeat-x;
    min-height: 300px;
}
div.pagina {
    width:990px;
    padding-top:12px;
    margin: auto;
    align: center;    
}

ul.menuPagina {
    margin: 0px; padding: 0px;
}

li.menuItemPagina, li.menuItemPagina_ {
    list-style: none;
}
a.menuItem, a.menuItem_ {
    padding: 10px;
    line-height:18px;
    text-decoration: none;
    display: block;
    width: 230px;
    height: 18px;
    /*color: #C92C2C;*/
    color: #505050;
    margin-right:20px;
}
a.menuItem_ {
    background: url('../images/web/menuSel.png'); background-repeat:no-repeat;    
    color: #505050;    
    font-weight: bold;
}
a.menuItem:hover {
    background: url('../images/web/menuOver.png'); background-repeat:no-repeat;    
}
a.menuItemSeparador {
    background-color: #a0a0a0;
    color: white;
}
select.idiomas {
    border:1px solid #C92C2C;
    background-color: white;
    color: #505050;
    font-size: 0.9em;
    font-weight: bold;
}
div.botonFiltro {
    position: relative;
    background-color: #ffd060;
    font-weight: bold;
    color: #505050;
    width: 100%;
    border:3px solid #ffd060;
}

div.form {
    display: block;
}
div.form2 {
    display: block;
}

div.form label {
    color: #CF6123;
    white-space: nowrap;
    font-weight:bold; 
    font-size:0.9em;
}
div.form2 label {
    white-space: nowrap;
    font-weight:bold; 
    font-size:0.9em;
}
input.form {
    background-color: white;
    border: 1px solid #C92C2C;
    padding:2px;
}
input.form:focus {
    background-color: #F1E9BB;
}

div.tipoAsisDiv label { color:#505050; }
div.tipoProcDiv label { color:#505050; }
div.tipoAdmsDiv label { color:#505050; }

table.form {
}
table.form td {
}
table.form td {
    border-bottom:1px solid #f5f5f5;
}
table.noform td {
    border: 0px;
}
.col1 { }
.col2 { }
.col3 { background-color: #CF6123;font-weight:bold; color: white; }
.col4 { background-color: #F1E9BB; font-weight: bold; }
table.miconsulta, div.miconsulta table{
    margin: 0px;
    font-size:0.9em;
    background-color:white;
}

table.datos {
    background-color: #e0e0e0;
    font-size:0.9em;
}
div.datos {
    border:3px solid #F3C363;
}
.colDatos1 { background-color: white;font-weight:bold; }
.colDatos2 { background-color: white; }
div.toolbar {
    background:url('../images/web/bgbutton.gif'); background-repeat:repeat-x;
    color: #505050;
}
div.datos2 {
    border:1px solid #c0c0c0;
}

div.tablaResultados table {
    margin: 0px;
    font-size:0.9em;
}


div.botonY {
    position: relative;
    width: 120px;
    display:block;
    float:right;
    text-align:right;
}
a.botonY {
    background: url('../images/web/bg6.png'); background-repeat: no-repeat;
    color: #C92C2C;
    font-weight: bold;
    text-decoration: none;  
    padding: 3px; padding-right:30px;
    display:block;
}

div.realizarConsulta {
    width:154px;
}
a.realizarConsulta {
    background: url('../images/web/bg5.png'); background-repeat: no-repeat;
    display:block;
    text-decoration: none;
    font-weight:bold;
    color:white;
    white-space: nowrap;
    text-align: center;
    line-height:39px;
}
a.realizarConsulta:hover { color: black; }

div.yOpciones {
    position: absolute;
    width: 350px;
    border: 1px solid #ffd060;
    zIndex: 999;    
    right: -3px;
    top:32px;
    padding: 0px;
    background-color: white;
    display:none;
}
a.yOpciones {
    color: #C92C2C;
    text-decoration: none;
    display:block;
    padding: 5px;
}
a.yOpciones:hover {
    background-color: #f5f5f5;
}
div.query {
    border:1px solid #d0d0d0;
}
div.numQuery {
    position: relative;
    text-align: center;
    background-color:#e0e0e0;
    color: #808080;
    padding: 2px;
    font-size: 11px;
}
div.delete {
    position:absolute;right:12px;top:4px;
}
div.delete a {
    line-height:16px;
    text-decoration:none;
    color: #303030;
}
div.botonAddDiag {
    position: relative;
    width: 170px;
    display:block;
    float:right;
    text-align:left;
}
a.botonAddDiag {
    background: url('../images/web/bg8.png'); background-repeat: no-repeat;
    color: #C92C2C;
    font-weight: bold;
    text-decoration: none;  
    padding: 3px; padding-left:30px;
    display:block;
    white-space:nowrap;
    text-align:right;
}
div.addDiagSec {
    padding: 2px;
}
div.addDiagSec a {
    color: #C92C2C;
    text-decoration: none;
    font-weight: bold;
}
table.diagSecTable {
    background-color: #f0f0f0;
}
table.diagSecTable td {  background-color: white; }
.tableHeader {
    background-color: #f0f0f0;
    font-weight: bold;
    font-size: 0.9em;
    color: #303030;
}
table.tableSecProcs {
    background-color: #d0d0d0;
}
table.tableSecProcs td { background-color: white; }
.tableHeader2 {
    background-color: #f5f5f5;
    color: #303030; font-weight: normal; 
}
div.prefiero {
    position: relative;
    display:block;
    float:right;
    text-align:left;
    margin:6px;
}
div.prefiero a {
    color: #C92C2C;
    font-weight: bold;
    display: block;
}
input.codigo {
    font-size:1.3em;
    border: 1px solid #CF6123;
    color: #808080;
    font-weight: bold;
    padding:4px;
    height:22px;
}
select.selectForm {
    font-size: 1.2em;    
    border: 1px solid #CF6123;
    color: #505050;
}
a.info {
    font-size: 0.9em;
    white-space: nowrap;
    text-decoration: none;
}
div.radio input { border: 0px; }
div.radio { white-space: nowrap; }

div.frame {
    margin:12px;
    border:4px solid #c0c0c0;    
}

ul.tools {
    margin: 0px; padding: 0px; text-align:left;
}
ul.tools li {
    list-style:none;
    border-bottom:1px solid #f0f0f0;
}
a.tool, a.toolQueries, a.toolNew {
    display:block;
    padding:4px;
    color: #1c94c4;
    text-decoration: none;
    font-size:0.9em;
    font-weight: bold;
}
a.toolResultados {
    display:block;
    padding:4px;
    color: #1c94c4;
    /*font-size:1.2em;*/
    text-decoration: none;
    line-height:30px;
    height:30px;    
    font-weight: bold;
    white-space: nowrap;
}
a.tool:hover, a.toolResultados:hover, a.toolQueries:hover, a.toolNew:hover {
    background-color: #f0f0f0;
}
a.toolSave {
    background: url('../images/web/save_24.png'); background-position: 5px 8px;
    background-repeat:no-repeat;
}
a.toolExcel {
    background: url('../images/web/excel_24.png'); background-position: 5px 8px;
    background-repeat:no-repeat;
}
a.toolDB {
    background: url('../images/web/queries_24.png'); background-position: 5px 8px;
    background-repeat:no-repeat;
}
a.toolQueries {
    background: url('../images/web/queries_24.png'); background-position: 0px 3px;
    background-repeat:no-repeat;
}
a.toolNew {
    background: url('../images/web/new_24.png'); background-position: 0px 3px;
    background-repeat:no-repeat;
}
.panel, .panel2 {
    background-color: #f0f0f0;
    color: #303030;
    align:center;
    text-align:left;
}
.panel2 {
    background-color: #efefff;
}
.error {
    color: #5C483A; padding-left:22px; font-size:0.9em; font-weight:bold;
    background:url('../images/web/error_20.png');background-position:0px 0px;
    background-repeat: no-repeat;
}
div.errorFrame {
    padding: 5px;
    background-color: #ffffe0;
    /*background: url('../images/web/bg8.png') repeat-x;*/
    border:2px solid #CF6123;
}

/* ################## Scroller ################### */
.paginatorColumn a, .paginatorActiveColumn a {
    font-weight: bold;    
    text-decoration: underline;
    display: block;
    padding:2px;
    padding-left:6px;
    padding-right:6px;
    text-decoration: none;
    color: #4fcefc;
    border: 1px solid #4fcefc;
}

td.paginatorActiveColumn a {
    background-color: #007d9b;
    border: 1px solid #007d9b;
    color: white;
}

.scroll a { 
    text-decoration: none;      
    color: gray;
    display: block;
}
.scroll span { 
    text-decoration: none;      
    border: 1px solid #4fcefc;
    color: #4fcefc;
    padding:2px;
    padding-left:6px;
    padding-right:6px;
    display: block;
    vertical-align: bottom;
}

table.scroller {
    padding: 0px;
    margin: 0px;
}
div.dialog , div.bigdialog {
    font-weight: bold; color: #303030;
    text-align: center;
    display: none;
    font-size: 12px;
}

div.bigdialog {
    width: 600px;
    height: 600px;
    margin-bottom: 20px;
    overflow: auto;
}



div.miniEstado {
    width: 50px;
    padding: 2px;
}

div.estado {
    padding: 3px;
    width:100px;
}

div.estadoActivo, div.estadoInactivo, div.estadoSoloComparacion,
div.estadoPendiente, div.estadoError, div.estadoCancelado {
    background-color:#40a040;
    color: white;
    font-weight:bold;
}
div.estadoInactivo {
    background-color:#a0a0a0;
}
input.estadoInactivo {
    color:#a0a0a0;
}
input.file {
    font-size:12px;
}
div.estadoActivo {
}
div.estadoPendiente {
    background-color:#F1E9BB;
    color: #505050;
}
div.estadoCancelado {
    background-color:#f0f0f0;
    color: #505050;
}
div.estadoError {
    background-color:#ffc0c0;
    color: #505050;
}
div.estadoSoloComparacion {
    background-color:#1c94c4;
    /*color: #505050;*/
} 

.typeAhead {
    font-weight: bold; 
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 101;
    color: #505050;
    border: 1px solid #a0a0a0;
    display: none;
    margin: 0px;
    padding: 0px;
    background-color: white;
    max-height: 250px;
    overflow: auto;
}

div.typeAhead  { display: block; text-align:left; }

.typeAhead td, .typeAhead tr, .typeAhead table {
    color: #CF6123;
    border-bottom: 1px solid #f0f0f0;
}

.typeAhead tr.selected, .typeAhead tr.selected td {
    background-color: #c0c0c0;
    width: 100%;
    color: white;
}

.typeAhead tr.selected span.match {
    color: #1c94c4;
}

.typeAhead span.match {
    color: #1c94c4;
}

.ajaxTextItem {
    font-size:11px;font-weight:normal;color:#505050
}

/* tooltip styling */
.tooltip {
    display:none;
    background:url('../images/web/black_arrow_big.png');
    height:163px;
    padding:30px 30px 10px 30px;
    width:310px;
    font-size:11px;
    color:white;
}
.tooltip2 {
    display:none;
    background:url('../images/web/black_arrow_big_down.png');
    height:163px;
    padding:45px 30px 10px 30px;
    width:310px;
    font-size:11px;
    color:white;
}


.tabbedPane {
    font-size: 0.9em;
    background-color: #ffffff;
}

.panelTab {
    padding:0px;
    margin:0px;
}

.activeTab {
    background-color: #ffffff;
    height: 30px; 
    text-align: center;
}
.activeTab input {
    color: #CF6123;
    font-weight: bold;
    border:0px; 
    background-color: white;
    cursor: pointer;
}


.inactiveTab {
    height: 30px;
    background-color: #c0c0c0;
    text-align: center;
}
.inactiveTab input {
    color: white;
    background-color: #c0c0c0;
    border:0px;
    cursor: pointer;
}

div.grafica {
    border: 1px solid #a0a0a0;
    padding: 12px;
    /*max-width: 1000px;
    min-width: 700px;*/
    width: 800px;
    float: none;
    margin: auto;
}

div.grafica .google-visualization-table {
    width:100%;
}

div.consulta {
    background-color:white; margin:2px; display:block;
    position: relative;
}
div.comentario {
    margin-top:5px;
}


#slider {
    width: 620px;
    margin: 0 auto;
    position: relative;
}
#slider p {
    margin:0px;padding:0px;
}
.slider_scroll {
    height: 320px;
    overflow: auto;
    position: relative; /* fix for IE to respect overflow */
    clear: left;
    /* background: #FFFFFF url('../images/web/content_pane-gradient.gif') repeat-x scroll left bottom; */
    background-color: white;
    border:3px solid #f6f6f6;
    margin-top:5px;
    margin-bottom:5px;
}

.scrollContainer div.scrollPanel {
    padding: 20px;
    height: 280px;
    width: 560px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}
ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.navigation li {
    display: inline;
    margin-right: 0px;
}

ul.navigation a {
    padding: 4px;
    padding-right: 8px;
    padding-left: 8px;
    text-decoration: none;
    color: #505050;
}

ul.navigation a:hover {
    background-color: #f0f0f0;
}

ul.navigation a.selected {
    background-color: #1c94c4; color:white;
}

ul.navigation a:focus {
    outline: none;
}

a.linkNoticia {
    color: white;
    text-decoration: none;
    font-weight: bold;
    display: block;
}
a.linkNoticia:hover {
    /*text-decoration: none;*/
    color: black;
}
a.linkPie {
    color: #808080;
    font-weight: bold;
    text-decoration: none;
    font-size: 0.9em;
    display:block;
}    

a.linkPie:hover { 
    color: #505050;
}

a.linkLegalPie {
    color: #000000;
    text-decoration: none;
}

a.linkLegalPie:hover {
    color: #505050;
}

ul.pie {
    margin: 0px; padding: 0px;
    color: #303030;
    display: block;
    margin-top: 12px;
}
ul.pie li {
    display: block; 
    margin: 0px;
    list-style: none;
    line-height: 2em;
}
div.pie {    
    background-color: #f5f5f5;
}

a.linkOpinion {
    text-decoration: none;
    background-color: #1c94c4;
    color: #f0f0f0;
}    
div#cuerpoPrivacidad , div#cuerpoCondicionesUso {font-weight: normal;}

div.articulo , div.enlace {
    margin-bottom: 25px;
    border-bottom:1px solid #f5f5f5;
}

#resumen {
    padding: 20px 20px 0px 20px;
}

#resumen label {
    font-style: italic;
    font-size: 8pt;
    margin-right: 40px;
}



.hidden {
    visibility: hidden;
}

.undisplay {
    display:none;
}

.panelTabResultados {
    max-width: 1024px;
}

.subgrafica {
    min-height: 200px;
}

.comparativa {
    margin-top: 2em;
}

.google-visualization-table-table {
    width:100%;
}

.google-visualization-table.content {
    min-height: 150px;
}

.relacionImpactos {
    
}

.google-visualization-table-tr-odd .comparado {
    background-color: #dedede;
}

.google-visualization-table-tr-even .comparado {
    background-color: #efefef;
}

.grafica .google-visualization-table-tr-sel {
    background-color: #1C94C4;
    color: white;
}

.grafica .google-visualization-table-tr-sel .comparado {
    background-color: #1C84C4;
}

.grafica .google-visualization-table-tr-over {
    background-color: #cf6123;
    color:white;
}

.grafica .google-visualization-table-tr-over.google-visualization-table-tr-sel .comparado ,  .google-visualization-table-tr-over .comparado {
    background-color: inherit;
}

.colTituloResultado , .colTituloResultadoTotal {
    font-weight:bold;
    text-align:left;
}

.google-visualization-table .colValorResultadoTotal, .google-visualization-table .colValorResultado {
    font-weight:bold;
    text-align:right;
    padding-right: 1em;
}

.colValorResultadoTotal, .colTituloResultadoTotal {
    border-top: 1px solid black;
}

.parcial {
    font-style: italic;
}

.parcial.colTituloResultado {
    text-align: right;
    font-weight: normal;
}

.parcial.colValorResultado {
    padding-right: 1.5em;
    font-weight: normal;
}

.grafica .google-visualization-table-tr-head .gradient {
    background: #767676 none repeat scroll 0 0;
    color: white;
    padding-top: 1em;
    padding-bottom: 0.7em;
    filter: none;
}  

.documentos {
  display: block;
  /*margin: 1em 1em;*/
}

.documento {
  display: inline-block;
  width: 40%;
  padding: 1em;
  margin: 1em;
  height:260px;
  vertical-align: top;
  -webkit-box-shadow: 3px 3px 3px 3px gray ;
  -moz-box-shadow: 3px 3px 3px 3px gray ;
  box-shadow: 3px 3px 3px 3px gray ;
}

.documento * {
    margin:0.5em 1em;
}

.documento label {
    width:20%;
    float:left;
    text-align: right;
    font-style: oblique;
    color: #767676;
}

.documento .titulo {
    font-weight: bolder;
    float:left;
}

.documento .descripcion {
    clear:both;
    display:block;
    float:left;
    text-align: justify;
    text-indent: 1em;
    height: 125px;
    margin-top: 0;
}

.documento br ,.documento descripcion, .documento span.separator {
    clear:both;
}

.documento span.separator {
    display:block;
    width:100%;
    height: 2px;
    border-top:1px solid #efefef;
    background-color: lightgray;
    margin:1em auto;
    bottom:2em;
}

.documento img {
  margin: 0 1em;
  vertical-align: middle;
}

.documento a {
    text-align: center;
    bottom:0;
}

.documento a:link , .documento a:hover, .documento a:visited,
.documentos.scroller a:link , .documentos.scroller a:hover, .documentos.scroller a:visited{
    font-weight: bold;
    font-family: monospace;
    color: #4a4a4a;
    text-decoration: none;
    font-size: 1.25em;
}

.documento a:hover, .documentos.scroller a:hover {
    color:gray;
}
  
table.documentos.scroller {
    text-align: center;
    float:right;
}

.documentos.t1 {
    margin-bottom: 1em;
    text-align: center;
}