html,
body {
  height: 100%;
  background:#f2e5d9;
}

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -60px;
  padding: 0 0 60px;
}

footer {
  height: 60px;
  background-color: #f5f5f5;
}

#wrap > .container {
  padding: 60px 15px 0;
}

.container .credit {
  margin: 10px 0;
}

footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}


#contBody{background:#fcfaf9; border:1px solid #e7dace;  padding-left:25px !important;  padding-right:10px !important; border-top:none !important;width: 955px; height:auto;}

#contBody .cont-nota .navnotas{height:35px; border-bottom:1px solid #a7a6a5;margin-bottom:15px;font-family:'droid_r'; font-size:13px;}
#contBody .cont-nota .navnotas a{color:#3a3a3a;line-height:35px; float:left;}
#contBody .cont-nota .navnotas a.sig-r{float:right;}
#contBody h1{margin:5px 0 10px 0;font-size:19px;}

.main-menu {
	padding: 7px; 
	padding-top: 14px;
	margin-bottom: 0;
}

.main-menu-nav{
	background-color: #F8F8F8;
    border-color: #E7E7E7;
	background-image: linear-gradient(to bottom, #FFFFFF 0px, #F8F8F8 100%);
    background-repeat: repeat-x;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);
	 height: 42px;
	margin-bottom: 48px;
}

.main-menu .name {
	float: left;
	border-color: #E7E7E7;
    border-radius: 4px;
    color: #777777;
    margin-bottom: 20px;
	margin-top: -3px;
    min-height: 50px;
    padding-right: 47px;
	padding-top: 2px;
    position: relative;
	font-size: 18px;
}

.main-menu ul {
	float: left;
}

.main-menu li {
	display: inline;
}

.main-menu li a {
	background-image: linear-gradient(to bottom, #FFFFFF 0px, #F8F8F8 100%);
    background-repeat: repeat-x;
    border-radius: 4px;
    /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);*/
	background-color: #F8F8F8;
    border-color: #E7E7E7;
	margin-bottom: 20px;
    min-height: 50px;
    position: relative;
	color: #777777;
	padding: 14px 26px 10px 25px;
}

.main-menu li a:hover { 
	background-image: linear-gradient(to bottom, #EBEBEB 0px, #F3F3F3 100%);
    color: #555555;
} 

.main-menu .active a{
	background-image: linear-gradient(to bottom, #EBEBEB 0px, #F3F3F3 100%);
    background-repeat: repeat-x;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.075) inset;

	background: #EBEBEB;
	background: -moz-linear-gradient(#EBEBEB, #F3F3F3);
	background: -webkit-linear-gradient(#EBEBEB, #F3F3F3);
	background: -o-linear-gradient(#EBEBEB, #F3F3F3);
	background: -ms-linear-gradient(#EBEBEB, #F3F3F3);/*For IE10*/
	background: linear-gradient(#EBEBEB, #F3F3F3);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EBEBEB', endColorstr='#F3F3F3');/*For IE7-8-9*/ 
height: 1%;/*For IE7*/
}

.head-seccion{background:#3a3a3a; padding:10px 15px;font-family:'droid_b';font-size:21px;color:#fcfaf9; margin-left: 0px;margin-right: 7px; vertical-align: middle;}

.volanta{font-size:11px;color:#366a75;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight:bold;display: block;}
.volanta a{color:#366a75;}
.datenota{font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;color:#6b6b66;font-weight:normal;}

.nav-volanta{font-size:11px;color:#366a75;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight:bold;display: inline;float: right;width: 170px;text-align: right;}
.nav-volanta a{color:#366a75;float: none !important}

table { width: 100%;}

.tablaInterna { 
background-color: #E0DCD3 !important;

}

.dolar {
cursor: pointer;
}

.dolar .tablaInterna{
box-shadow: 0 5px 5px #ffffff, 0 9px 0 #ffffff, 0px 9px 10px rgba(0,0,0,0), inset 0px 2px 9px rgba(0,0,  0, 0.2), inset 0 -2px 9px rgba(0,0,0,0.2); 
}

.dolar .tablaInterna:hover {
 box-shadow: 0 5px 5px #ffffff, 0 9px 0 #ffffff, 0px 9px 10px rgba(0,0,0,0), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
 color: #6F6C6C !important;
}

.dolar .tablaInterna:active {
top: 7px;
box-shadow: 0 5px 5px #ffffff, 0 9px 0 #ffffff, 0px 9px 10px rgba(0,0,0,0), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
 color: #6F6C6C !important;
}

.dolar .tablaInternaSeleccionada { 
background-color: #b3b0a8 !important;
	box-shadow: 0 2px 0 #ffffff/* 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2)*/;
color: #6F6C6C !important;
}

.dolar .tablaInternaSeleccionada .compraVentaTable {
color: #000000;
}
.tablaInterna a {
    color: #FFFFFF !important;
}

.tablaInterna .titleTabla {border-bottom: 2px solid; background-color: #366A75; line-height: 2;}
.tablaInterna .titleTabla td {height: 40px; vertical-align: middle; text-align: center;}

.tablaInterna .titleTabla a {color:#FFFFFF; font-weight:bold; vertical-align: middle; text-transform:uppercase;}
.tablaInterna .titleTabla span {color:#FFFFFF; font-weight:bold; vertical-align: middle; text-transform:uppercase;}


.font18 {font-size: 18px}
.font17 {font-size: 17px}
.font16 {font-size: 16px;}
.font15 {font-size: 15px;} /*tabla titleTabla*/ 
.font13 { font-size: 13px;} /*compra venta */ 
.font12 {font-size: 12px;}
.font11 {font-size: 11px;}
.font9 {font-size: 9px;}

.tablaInterna .titleTabla img {height: 30px;width: 45px;}

.compraVentaTable {text-align: center; margin-top: 10px;font-weight:bold; color:#6F6C6C}

.variacionTable{vertical-align: middle; text-align: center;font-weight: bold;}

.paisTable {text-align: right;}

 .mas { color: green; }
 .menos { color: red; }
 .igual { color: blue; }

 .rotate {
        /* Safari, Chrome */
        -webkit-transform: rotate(-90deg);

        /* Firefox */
        -moz-transform: rotate(-90deg);

        /* IE */
        -ms-transform: rotate(-90deg);

        /* Opera */
        -o-transform: rotate(-90deg);

        /* Older versions of IE */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

        /* CSS3 standard as defined here: http://www.w3.org/TR/css3-transforms/ */
        transform: rotate(-90deg);
    }

.ko-grid { margin-bottom: 1em; width: 100%; border: 1px solid silver; background-color:White; }
.ko-grid th { text-align:left; background-color: Black; color:White; }
.ko-grid td, th { padding: 0.4em; }
.ko-grid tr:nth-child(odd) { background-color: #e0dcd3; }
.ko-grid-pageLinks { margin-bottom: 1em; }
.ko-grid-pageLinks a { padding: 0.5em; }
.ko-grid-pageLinks a.selected { background-color: Black; color: White; }

.grillaColumnas td {padding: 2px;}

.cont-notaInfo { font-family: Georgia, "Times New Roman", Times, serif; margin:10px 0;font-size:13px; color:#52504f;line-height:18px;}

.infoDetallada{font-size:18px;color: #3a3a3a;}

.infoDetallada hr {background-color: #e0dcd3; height: 1px !important;}

.fondoOscuro {background: #e0dcd3;}

#resultsChart {height:220px;width: 578px;}

.botonesGrafico{ width: 578px}

.tituloHistorico {font-family: lucida grande, tahoma, verdana, arial, sans-serif;}

.cuadroInfoDetallada {background: #f5f0eb;margin-left: 0px;margin-right:7px; overflow: auto;}

.ui-datepicker select.ui-datepicker-month { width: 65% !important;}

.ui-datepicker select.ui-datepicker-year  { width: 35% !important;}

.invisible {
    display: none;
}

.span5 {float:left;min-height:1px;margin-left: 30px;width: 470px;}
.span6 {float:left;min-height:1px;margin-left: 30px;width: 618px;overflow: hidden;}
.span3 {float:left;min-height:1px;margin-left: 30px;width: 270px;}
.span4 {float:left;min-height:1px;margin-left: 30px;width: 370px;}
.span11 {float:left;min-height:1px;margin-left: 30px;width: 955px;}
.span1 {float:left;min-height:1px;margin-left: 30px;width: 70px;}
.span7 {float:left;min-height:1px;margin-left: 30px;width: 670px;}

.campoFecha {width: 100px; height: 30px; text-align: center;}

.destacadosFondoNegro { overflow: auto;}
.destacadosMargenes {margin-top: 3px;}
.tablaGrande {width: 310px; float: left; border: solid;  border-color: #FCFAF9; border-width: 3px; }
.tablaMediana {width: 233px; float: left; border: solid; border-color: #FCFAF9; border-width: 3px;}
.tablaChica{width: 185px; float: left; border: solid; border-color: #FCFAF9; border-width: 1px;}


.bs-section {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.marquee, .marquee-with-options, .marquee-vert-before, .marquee-vert {
    width: 80%;
    overflow: hidden;
}

.cont-nota-home { overflow: auto; font-size: 12px;}

.tablaHomeCompraVenta {width: 15%; text-align: right;}
.tablaHomeEncabezados th {text-align: center;} 

.tablaHomeEncabezados tbody tr:hover {cursor: pointer;background-color: lightgrey;}
.alineadoIzquierdo {text-align: left !important;}

.graficoHome {width: 365px !important;height: 200px !important;}

.accionesHome {width: 950px; clear: both; line-height: 3; background: #e0dcd3;}
.accionesHome-titulo {
    float: left;
    background: #e0dcd3;
    margin-left: 10px;
    margin-right: 10px;
}

.bolsaArg .cuadroInfoDetallada  hr {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
}

.commodities .cuadroInfoDetallada  hr {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

    .bolsaArg .cuadroInfoDetallada   .accionesDestacadas hr {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

    .rayado  tr:nth-child(2n+1) {
        background-color: #e0dcd3;
    }
.rayado  th{
    background-color: #52504F;
    color: white;
}

.bolsaArg a {
    color:  #3a3a3a !important;
}

.head-tabla-bonos{height:40px;}
.head-tabla-bonos .idTabs li{display:block;width:100px;float:left;padding-bottom:6px;}
.head-tabla-bonos .idTabs li a{display:block; background:#E0DCD3; line-height:34px;color:#6b6b66;font-family:'droid_b';font-size:11px; text-align:center;text-transform:uppercase;}
.head-tabla-bonos li.stick{background:url(../Imagenes/select-bonos.jpg) no-repeat bottom center;}
.head-tabla-bonos ul{ padding: 0; }

 #selectable .ui-selecting .tablaInterna{ background: #c9c6bd !important; } 
  #selectable .ui-selected .tablaInterna { background: #b3b0a8 !important; }  
  #selectable { list-style-type: none; margin: 0; padding: 0; width: 955px; }  
  #selectable li {padding: 1px; float: left; text-align: center; }  

  .tituloCommodity {
      background-color: #366A75; 
      line-height: 2; 
      color: #FFFFFF;
      font-size: 15px;
      font-weight: bold;
      text-transform: uppercase;
  }

  .contenidoCommodity {
       border: solid;
       background-color:#e0dcd3; 
       border-width: 1px;
       overflow: hidden;
  }

  .contenidoCommodity p {
      margin-top: 10px !important; 
      font-size: 14px; 
      text-align: right; 
      margin-right: 20px !important;
  }

  .variacionTable .equal{
	float: right;
	margin-top: 3px;
	height: 14px;
    margin-right: 5px;
    width: 16px;	
	background-size:100% 100%;
}

.equal {
		background: url(http://once.thsf.com.ar:81/MercadosWeb/Imagenes/equal16x16.png) no-repeat;
		background-size:100% 100%;
float: right;
		}

.igual .equal, .mas .up, .menos .down {
	height: 11px;
    margin-right: 5px;
    margin-top: 3;
    width: 12px;
}

.variacionTable .down{	
	
	margin-top: 3px;
	height: 14px;
    margin-right: 5px;
    width: 16px;	
	
}

.down{
background: url(http://once.thsf.com.ar:81/MercadosWeb/Imagenes/down16x16.png) no-repeat;
background-size:100% 100%;
float: right;
}

.variacionTable.font12 .down, .variacionTable.font12 .up, .variacionTable.font12 .equal{
	height: 11px;
    margin-right: 5px;
    margin-top: 0;
    width: 12px;
}

#divAcciones .menos .down, #divAcciones .mas .up, #divAcciones .igual .equal{
	margin-right: 5px;
    margin-top: 13px;
	float: left;  
}

.commoditiesInternational {
	background-color: #FFFFFF;
    border-style: none;
    margin: 10px;
    text-align: center;
	font-size: 13px;
}

.contenidoCommodity .commoditiesInternational th {
	background-color: #D3D3D3;
	font-size: 13px;
    text-align: center;
}

.accionesHome #divAcciones {
	display: block;
}

.tablaHomeEncabezados .menos .down, .tablaHomeEncabezados .mas .up, .tablaHomeEncabezados .igual .equal{
float: left;
margin-left: 5px;
}

.variacionTable .up{	
	float: right;
	margin-top: 3px;
	height: 14px;
    margin-right: 5px;
    width: 16px;	
	background-size:100% 100%;
}

.infoDetallada .up, .infoDetallada .down, .infoDetallada .equal{
margin-right: 80px;
margin-top: 5px;
}

.contenidoCommodity .up, .contenidoCommodity .down, .contenidoCommodity .equal {
    margin-right: 12px;
    margin-top: 5px;
}

.up {
background: url(http://once.thsf.com.ar:81/MercadosWeb/Imagenes/up16x16.png) no-repeat;
background-size:100% 100%;
float: right;
}