* {margin:0;padding:0;}

/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

body{
    font-family: 'UbuntuLight', 'Arimo', sans-serif;
    background: #fff;
    color: black;
    font-size:13px;
}


#header_background{
  background: #fff;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 2px 2px #F40000;
  box-shadow: 0px 2px 2px #F40000;
  ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
  -moz-box-shadow: 0px 2px 2px #999999;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  text-align: center;
  margin: 0;
  padding: 0;
  border-bottom: 2px solid #ff0000;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}



#header_top{
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    position: relative;
    width: 100%;
}


img{
   border:0;
}


#main{
    text-align: left;
    width: 99%;
}

#footer{
    background: url("../img/footer_bg.jpg") repeat-x scroll 0 0 #102841;
}




#footer_contenido{
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    padding-top:10px;
}


#contenido{
    min-height: 400px;
    background: #fff;
    padding-top:65px;
    padding-left:20px;
    text-align: left;
}

#titulo_encabezado{
    color:#000000;
    text-align: center;
}

#titulo_encabezado a{
    color:#000000;
}

.floatLeft{
    float:left;
}

.center{
    text-align: center;
}

.right{
    text-align: right;
}

.input_login{
    border: 1px solid #C01F2F;
    padding: 6px;
    width: 292px;
}
input[type="text"], .btn{
    padding: 2px;
}

select{
    padding:2px;
    height:21px !important;
}


input.default[type="button"], input.default[type="submit"], button.default, .btn {

	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;
	border-radius: 4px 4px 4px 4px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 4px 12px;
	text-align: center;
	vertical-align: middle;

	background-color: #49AFCD;
	background-image: linear-gradient(to bottom, #5BC0DE, #2F96B4);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}


input.default[type="button"]:hover, input.default[type="submit"]:hover, button.default:hover, .btn:hover {


    background-color: #004a82;
    background-image: linear-gradient(to bottom, #004a82, #2F96B4);

}




input[type="button"], input[type="submit"], button {
    background-color: rgba(182, 182, 182, 0.7);
    border: 0 none;
    color: #212121;

    font-size: 100%;
    height: 2em;

    padding: 5px 12px 10px;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover {
    background: #b0b0b0;
}




.btn{
    padding:8px;
    text-decoration: none;
    cursor: pointer;
}

.btn:hover{
    padding:8px;
    text-decoration: underline;
}



input.default[type="button"]:disabled, input.default[type="submit"]:disabled{
  background: #dadada;
  cursor: default;

}



fieldset{
    padding:10px;
    margin-bottom: 20px;
    margin-top:10px;
}

fieldset legend{
    font-weight: 600;
}

h1, h2{ color:#123754; padding-top:5px;}


.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



#menu_tree{
    float: left;
    width: 450px;
    font-size:13px;
    overflow: auto;
}

#menu_archivos{
    display: block;
    height: 100%;
}


.table {
border:none;
border-collapse: collapse;
}

.table td {
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}

.table td:first-child {
border-left: none;
}

.table td:last-child {
border-right: none;
}


#tablaArchivos{
    width:700px;
    margin:0 auto;
    font-size:12px;
}


#tablaArchivos tbody td{
    padding-bottom:5px;
}

#tablaArchivos tbody tr:hover{
    background: #eee;
}


.tablaArchivosPrincipal{
    width:800px;
    margin:0 auto;
    font-size:12px;
}


.tablaArchivosPrincipal td{
    padding:20px;
    width: 200px;

}

.tablaArchivosPrincipal td:hover{
    background: #eee;
}



#botonera{
    position:absolute;top:50px;right:5px;
}



.btnMenu{
    float: right;
    margin: 5px;
    padding:5px;text-align: center;border:1px solid;font-size:10px;
	background:#fff;
}

.btnMenu:hover{
    background: #eee;
}



.canvas{
  float: left;
  width: 100%;
  display: block;
  position: relative;
}


.bordered {
    border: solid #00a1de 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #00a1de;
    -moz-box-shadow: 0 1px 1px #00a1de;
    box-shadow: 0 1px 1px #00a1de;
}

.bordered tr:hover, .zebra tbody tr:nth-child(2n):hover {
    background: #e5e5e5;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.bordered td, .bordered th {
    border-left: 1px solid #82ddff;
    border-top: 1px solid #82ddff;
    padding: 10px;
    text-align: left;
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;

}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}



/*----------------------*/


.zebra thead th{
	background: #00a1de;
	color:#fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #59d1ff;
	border-top: 1px solid #59d1ff;
	text-align: left;

}


.zebra td, .zebra th {
    padding: 10px;
    border-bottom: 1px solid #82ddff;
}

.zebra tbody tr:nth-child(even) {
    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
}

.zebra th {

    border-bottom: 1px solid #82ddff;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image:    -moz-linear-gradient(top, #f5f5f5, #eee);
    background-image:     -ms-linear-gradient(top, #f5f5f5, #eee);
    background-image:      -o-linear-gradient(top, #f5f5f5, #eee);
    background-image:         linear-gradient(top, #f5f5f5, #eee);
}

.zebra th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.zebra th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.zebra th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.zebra tfoot td {
    border-bottom: 0;
    border-top: 1px solid #fff;
    background-color: #f1f1f1;
}

.zebra tfoot td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.zebra tfoot td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.zebra tfoot td:only-child{
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px
    border-radius: 0 0 6px 6px
}


.noborder table, .noborder td, .noborder th, .noborder tr{
    border: 0;
}

.bordered .noborder td, .bordered .noborder th,.bordered .noborder tr{
    border: 0;
}

.zebra .nobackground td, .zebra .nobackground th, .zebra .nobackground tr{
    background: #fff;
}





/*------------------------------------------
 Anchos y  Altos
------------------------------------------*/
.w10{ width: 10px; }
.w20{ width: 20px; }
.w30{ width: 30px; }
.w40{ width: 40px; }
.w50{ width: 50px; }
.w60{ width: 60px; }
.w70{ width: 70px; }
.w80{ width: 80px; }
.w90{ width: 90px; }
.w100{ width: 100px; }
.w120{ width: 120px; }
.w150{ width: 150px; }
.w180{ width: 180px; }
.w200{ width: 200px; }
.w250{ width: 250px; }
.w270{ width: 270px; }
.w300{ width: 300px; }
.w350{ width: 350px; }
.w400{ width: 400px; }
.w450{ width: 450px; }
.w500{ width: 500px; }
.w550{ width: 550px; }
.w600{ width: 600px; }
.w800{ width: 800px; }

/*------------------------------------------
 Acomodo de la pagina
------------------------------------------*/

.pagination>li {
    position: relative !important;
    float: left !important;
    padding: 6px 12px !important;
    margin-left: -1px !important;
    line-height: 1.42857143 !important;
    color: #337ab7 !important;
    text-decoration: none !important;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
}

.pagination .current{
    background-color: #337ab7 !important;
    color: #FFF !important;
}

.pagination>li>a {
    position: relative !important;
    float: left !important;
    padding: 0px !important;
    margin-left: none !important;
    line-height: none !important;
    border: 0px !important;
}




#carpetas-wrapper {
  position: relative;
  left: 450px;
  width: 300px;
  display: block;

}

#carpetasArbolWrapper { /* required to avoid jumping */
  position: absolute;
  margin-left: 35px;
 width: 450px;
}

#carpetas {
  float:left;
  width:450px;
}
#carpetaArbol{
    position: absolute;
    top: 0;
    padding-top: 19px;
}

#carpetaArbol.fixed {
  position: fixed;
  top: 10px;
}

#ruta_div{
    padding:5px;
    background: #fff;
    z-index: 9999;
}

#ruta_div.fixed {
  position: fixed;
  top: 0;
}


.borrar_archivo, .borrar_carpeta{
    display: none;
}

.tacha{
    text-decoration: line-through;
    color:#ff0404;
}

.click {
    cursor: pointer;
    text-decoration: underline;
}

#nav_menusup{
    position: absolute;
    height:28px;
    line-height:28px;
    padding:0 10px;
    right:1px;
    top:0;
    z-index: 9999;
}
#nav_menusup ul,
#nav_menusup ul li {
    margin:0;
    padding:0;
    list-style:none;
}
#nav_menusup ul li{
    float:left;
    text-align: right;
    display:block;
}


#nav_menusup ul li a:link,
#nav_menusup ul li a:visited{
    font-size:14px;
    text-decoration:none;
    padding:0 20px 0 6px;
    display:block;
}
#nav_menusup ul li a:hover{
    color:#000000;
}
#nav_menusup ul li ul li{
    float:none;
    display:block;
}
#nav_menusup ul li ul li a:link,
#nav_menusup ul li ul li a:visited{
    color:#000000;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:0 10px;
    clear:both;
    border-bottom:solid 1px #DEDEDE;
}
#nav_menusup ul li ul li a:hover{
    color:#000000;
    background:#3e5c9b;
}

.submenu_menusup {
    color:#3e5c9b;
    position: relative;
    background: #10324D;
    padding: 10px;
    top:-2px;
    border-top: none;
    display: none;
    line-height: 26px;
    z-index: 1000;
}



.ui-autocomplete {
        max-height: 200px;
        overflow-y: auto;
        /* prevent horizontal scrollbar */
        overflow-x: hidden;
    }
    /* IE 6 doesn't support max-height
     * we use height instead, but this forces the menu to always be this tall
     */
    * html .ui-autocomplete {
        height: 200px;
    }

.small{
    font-size: 0.85em;
}

.date, .fecha, .pdate, .fdate, .dateTodos, .dateCalendario, .dateCalendarioHoy{
    width:80px;
}

.cantidad{
    width: 50px;
}

.infosmall{
    font-size:0.8em;
}


.divbuscador{
    text-align: right;
    display: block;
}

.strong{
    font-weight: bold;
}

.markedDay {
    background-color: #1c5482;
}


/*************** TABLES *************/

div.tabla
{
	clear: none;
	overflow: hidden;
}

div.row
{
	clear:both;
}

div.col_titulo
{
	color:#fff;
	float: left;
	padding: 5px;
	background: #9A3333;
	border-width: 0px;
	border-right: #fff solid 1px;
}

div.col
{
	float: left;
	padding: 5px;
	border-width: 0px;
}

div.col.titulo_th
{
	text-align:right;
	font-weight:bold;
	font-size:13px;
}

span.titulo_th
{
	font-weight:bold;
	font-size:13px;
}

td.titulo_th
{
	font-weight:bold;
	font-size:13px;
	text-align:right;
}




/** BOTONES AUTOCOMPLETAR DROPDOWN **/
 .bbutton {
 float: right;
 width: 7.5em;
 height: 2.3em;
 margin-top: 0.5em;
 margin-right: 1.5em;
 }
 .cmbbx {
    margin: 0;
    padding: 0;
    height: 1.3em;

}

.cmbtxt{
      width: 18em;
      height: 100%;
      margin: 0;
      padding: 0 0.2em;
        float: left;

    /*-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.8);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.8);*/
}


.ccmb {
    margin: 0 0 0 0px;
    padding: 0;
    border: 1px solid #999999;
    height: 20px;
    width: 350px;
}

.ccmbtxt {
    width: 326px;
    margin: 0;

    /*border-left-color: black;
    border-left-style: solid;
    border-left-width: 1px;

    border-top-color: black;
    border-top-style: solid;
    border-top-width: 1px;

    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;*/

    border-style: none;
}

.ccmbbtn{
    position: relative;
    top: -2px;
    font-size: 0.5em;
    margin: 0;
    padding: 0px;
    height:20px;
    width:20px;

    background-color: transparent;


    border-style: none;
}


.ccmbbtn:hover {


    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#AFDEF8));
    background-image: -webkit-linear-gradient(top, #ffffff, #AFDEF8);
    background-image:    -moz-linear-gradient(top, #ffffff, #AFDEF8);
    background-image:     -ms-linear-gradient(top, #ffffff, #AFDEF8);
    background-image:      -o-linear-gradient(top, #ffffff, #AFDEF8);
    background-image:         linear-gradient(top, #ffffff, #AFDEF8);


    border-left-color: AFDEF8;
    border-left-style: solid;
    border-left-width: 1px;

}


.hide{
    display: none;
}

.infowarning{
    padding: 7px;
    background: #AB4B2A;
    color:#fff;
}

.mayusculas {
    text-transform: uppercase;
}

.hora, .hora1{
    width: 50px;
}
.horometro, .kilometro{
    width: 80px;
}


.icontable, .icontable table{
    height: 270px;
    width: 280px;
    text-align: center;
    margin: 0 auto;
    -moz-border-radius: 15px;
    border-radius: 15px;

    background-color: #f7f7f7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f3f3f3));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #f3f3f3);
    background-image:    -moz-linear-gradient(top, #f7f7f7, #f3f3f3);
    background-image:     -ms-linear-gradient(top, #f7f7f7, #f3f3f3);
    background-image:      -o-linear-gradient(top, #f7f7f7, #f3f3f3);
    background-image:         linear-gradient(top, #f7f7f7, #f3f3f3);


}

.icontable h1{
    font-size: 1.3em;
    text-align: center;
}

.tablenoborder, .tablenoborder td{
    border: 0px;
}

.spanover:hover{
	background-color:#eee;
}

#divtotal{
    float: right;
    font-size: 1.8em;
}


.calendario th{
    background:#00a1de;
    color:#fff;
    text-align:center;
    font-size:1.1em;
}


.calendario th a{
    background:#00a1de;
    color:#fff;
}

.calendario .calendario_name{
    background: #eee;
    text-align: center;
}
.calendario tr{
    text-align:center;
}
.calendario .highlight{
    background:#efefef;
}

.zeroborder, .zeroborder table, .zeroborder tr, .zeroborder tr td{
    border:0;
}


.asistencia td{
    background-color: #fcfe94;
}

.color_td{
    background: #f7fecb;
}

.color_total{
    background: #edfd79;
}

.color_seminueva{
    background: #00D900;
	color: #FFFFFF;
}
.color_trescuartos{
    background: #FF8000;
	color: #FFFFFF;
}
.color_mediavida{
    background: #4DA6FF;
	color: #FFFFFF;
}
.color_uncuarto{
    background: #FFFF99;
}
.color_cambiarllanta{
    background: #B20000;
	color: #FFFFFF;
}

.color_negativo{
    background: #ff0000;
    color:#ffffff;
}

.color_gris{
    background: #808080;
    color:#ffff9d;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    background: #c5d3fa;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    background: #edfd79;
}


.zebra_title th{
    background: #00a1de;
	color:#fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #59d1ff;
	border-top: 1px solid #59d1ff;
	text-align: left;
}

.zebra_middle td{
    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;

}

.utilidad_negativa{
    background: red;
    color:#fff;
}

.reset_table,
.reset_table table tr,
.reset_table tr td,
.reset_table table tbody,
.reset_table table thead,
.reset_table table tfoot,
.reset_table table tr th,
.reset_table table tfoot tr tf
{
    margin:0;
    padding:0;
    background:none;
    border:none;
    border-collapse:collapse;
    border-spacing:0;
    background-image:none;
}

.tablallantas img{

    border:0;
}

input[readonly="readonly"]
{
    background-color:#eae8e9;
}


div.divimagen{
    position: relative;
}

img.close {
    // set size, background image, etc.
    display: block;
    position: absolute;a
    top: 5px;
    left: 5px;
    cursor: pointer;
}





#navigation {
    margin: 40px 0;
    font: bold 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #444;
}

#navigation:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#navigation ul {

    list-style: none;
    float: left;
    border-radius: 100px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
    overflow: hidden;
}

#navigation li {
    float: left;
    border-style: solid;
    border-width: 1px;
    border-color: #BABABA #BABABA #BABABA #FFF;
    box-shadow: 0 1px rgba(255,255,255,1) inset;
    -webkit-box-shadow: 0 1px rgba(255,255,255,1) inset;
    background: #F7F7F7; /* Old browsers */
    background: -moz-linear-gradient(top, #F7F7F7 0%, #EDEDED 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#EDEDED)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* IE10+ */
    background: linear-gradient(top, #F7F7F7 0%,#EDEDED 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#EDEDED',GradientType=0 ); /* IE6-9 */
}

#navigation li:hover, #navigation li.current {
    box-shadow: 0 1px rgba(255,255,255,0.2) inset;
    -webkit-box-shadow: 0 1px rgba(255,255,255,0.2) inset;
    border-color: #262626 !important;
    background: #4D4D4D; /* Old browsers */
    background: -moz-linear-gradient(top, #4D4D4D 0%, #262626 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4D4D4D), color-stop(100%,#262626)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4D4D4D 0%,#262626 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4D4D4D 0%,#262626 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4D4D4D 0%,#262626 100%); /* IE10+ */
    background: linear-gradient(top, #4D4D4D 0%,#262626 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4D4D4D', endColorstr='#262626',GradientType=0 ); /* IE6-9 */
}

#navigation a {
    display: block;
    padding: 10px 15px;
    color: #444;
    text-decoration: none;
    text-shadow: 0 1px #FFF;
}

#navigation a:hover, #navigation li.current a {
    color: #FFF;
    text-shadow: 0 1px #000;
}

#navigation li:first-child {
    border-left-color: #BABABA;
    border-radius: 100px 0 0 100px;
}

#navigation li:last-child {
    border-radius: 0 100px 100px 0;
}

.numero{
    text-align: right;
}