/*
*   Elements.css
*   Reglas para los elementos HTML, ID's y clases.
*
*/

/*  HTML -----------------
*   Ejemplo: #id .class a <-- HTML
*/

.selectedlink
{
    color:#E4052D;
}
.listalink:link
{
    color:#000000;
    text-decoration:underline;
}
.listalink:visited
{
    color:#000000;
    text-decoration:underline;
}
.listalink:hover
{
    color:#16559F;
    text-decoration:underline;
}

.tablelink:link
{
    color:#000000;
    text-decoration:underline;
}
.tablelink:visited
{
    color:#000000;
    text-decoration:underline;
}
.tablelink:hover
{
    color:#16559F;
    text-decoration:underline;
}

.reporte table td.positivo a
{
    color:#2b5900;
}

.reporte table tr.datos a
{
    color:#2b5900;
}

.reporte table tr.datos td
{
    border-right: 1px solid #e8e8e8;
}

.reporte table td
{
}
.reporte table th,
.reporte table td
{
    padding:7px 10px 7px 10px;
}

.subCabeceraA a
{
    color:#737373;
}

/*  Clases -----------------
*   Ejemplo: #id a.class <-- Class
*/}

.cleaner
{
    clear: both;
}


.clickable:hover
{
    background: #eaffd7;
    color:#0c6139;
}

.par
{
    background: #f3f3f3;
}

.listaPar{font-family:'Telex';background: #f3f3f3;font-size:12px;color:#000000;font-weight:bold;height:20px;padding: 1px 1px 1px 1px;}

.listaNon{font-family:'Telex';font-size:12px;color:#000000;font-weight:bold;height:20px;padding: 1px 1px 1px 1px;}

.bordeInferior
{
    border-bottom: 2px solid #aaa;
}

.bordeDerecha
{
    border-right-width: 1px;
    border-right-style: solid;
    border-color:#cfcfcf;
}

.bordeIzquierda
{
    border-left-width: 1px;
    border-left-style: solid;
    border-color:#cfcfcf;
}

.bordeInferior
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color:#cfcfcf;
}
.bordeSuperior
{
    border-top-width: 1px;
    border-top-style: solid;
    border-color:#cfcfcf;
}

.subCabeceraA.bordeIzquierda,
.subCabeceraA.bordeDerecha,
.subCabeceraA.bordeSuperior,
.subCabeceraA.bordeInferior
{
    border-color:#C9C9C9;
}

.subCabeceraB.bordeIzquierda,
.subCabeceraB.bordeDerecha,
.subCabeceraB.bordeSuperior,
.subCabeceraB.bordeInferior
{
    border-color:#cfcfcf;
}

.pie
{
    background: #16559f;
    color:#fff;
}

.subPieA
{
    background: #cfcfcf;
}

.subPieB
{
    background: #efefef;
}

.cabecera
{
    background: #16559f;
    color:#fff;
}

.subCabeceraA
{
    background: #E2E2E2;
}

.subCabeceraB
{
    background: #efefef;
}

.reporte
{
    width:1050px;
    margin: auto;
    background: #fff;
    padding:0px 30px 20px 30px;
    -webkit-box-shadow: 0px 0px 3px #bababa;
    -moz-box-shadow: 0px 0px 3px #bababa;
    box-shadow: 0px 0px 3px #bababa;
}


table tr.rowfixlenght
{

    height:27px;
}
table td.alerta
{

    background:#fefbcf;
    color:#6a6302;
}
table td.importante
{

    background:#ffefdd;
    color:#61390c;
    font-weight: bolder;
}
table td.negativo
{
    color:#610d35;
    background: #ffdded;
}
table td.positivo
{
    background: #eaffd7;
    color:#0c6139;
}
table td.blue
{
    background: #C8D8FB;
    color:#0c6139;
}


/*  ID's -----------------
*   Ejemplo: #id a#id <-- ID
*/

.cabecera #controles
{
    float: right;
}


/*
*   Elements.css
*   Reglas para los elementos espec?ficos HTML, ID's y clases
*
*/
 a:hover 	{ 	color:#ffffff; 	text-decoration:underline; 	}
 .sololectura{
 color: #ccc !important;
 }
 .bqstart {  float: left;  height: 45px;  margin-top: -20px;  padding-top: 45px;  margin-bottom: -50px;  font-size: 700%;  color: #FF0000;  }
 .bqend {  float: right;  height: 25px;  margin-top: 0px;  padding-top: 45px;  font-size: 700%;  color: #FF0000;  }
 .avisos { width:600px;       	float:left;  display: block;}
 #news { margin-top:20px; float:left; }
 #news2 { margin-top:0px;  float:left;}
 #news blockquote {font-style: normal;	z-index:8;line-height: 160%;padding: 0; 	width:600px;  font-size: 20px;  text-align: center;  margin-left:70px;  color: #69c;  display: block;  }
 #container 	{ 	background:#fff; 	}
 /* for IE/Mac */
 .jmorph 	{ 	width:422px; 	height:324px; 	}
 .jmorph .image  { 	background:#ccc; 	display:table-cell;  }
 .next { 	background:url(/media/images/flechaSlider.png); 	width:58px; 	height:64px; 	position:absolute; 	margin-top:-190px; 	margin-left:400px; 	float:left; 	}
 .jmorph ul.band  { 	list-style:none; 	width:10px; 	height:10px;  }  .bandContainer  { 	width:30px; 	overflow:hidden; 	float:left;  }
 .jmorph ul.band li  { 	display:inline; 	margin:5px;  }  .jmorph ul.band li.selected  { 	width:0px;  }

 /*Estilos para los rotulos y titulo*/
 .rotulo{font-weight:bold;font-size:14px;color:#036;	}
 .rotulo_chico
{
	font-family: 'Telex', sans-serif;
	font-size:12px;
}

.loginPreloader
{
    display: none;
}

.quote
{
    position: relative;
    margin-bottom: 40px;
    background-image: -moz-linear-gradient(top, #FFFFFF, #efefef);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #efefef));
    background-color: #efefef;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 40px;
    padding: 15px;
    position: relative;
    color: #666666;
}

.quote span
{
    color: #EFEFEF;
    font-size: 200px;
    left: -45px;
    position: absolute;
    top: 64px;
}