body {
    background-color: #FFF;
    font: normal 12px 'Roboto', Verdana, Helvetica, sans-serif;
    width: 100%;
    margin: 0;
    padding: 0;
}

.banner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    border-color: #7492bb;
    border-bottom-width: 0 1px 0 1px;
    /*background: #017dc1;*/
     background: #ffffff url("images/common/bg-menu.jpg") 50% 50% no-repeat;
	background-position:right;
    color: #DDD;
    z-index: 100;
    margin: 0;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.menuBanner 
{
    width: 100%;
    height: 64px;
  border-bottom:5px solid #000000;
    /*border-bottom: 1px solid #000;*/
    background: #ffffff url("../images/common/bg-menu.jpg") 50% 50% no-repeat;
	background-position:right;
    color: #DDD;
    z-index:100;
    margin: 0;
}

.encabezadoPantalla {
	 font-family: Roboto,Verdana,Arial,sans-serif;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #DDD;
   background-color: #000000;
   /* background: #ffffff url("images/common/bg-titles.jpg") 50% 50% repeat-x; */   
    color: #fff;
    font-size: 12px;
    height: 36px;
	  /*margin-bottom: 3px;*/
	text-transform:uppercase;
}

p 
{
    text-align: justify;
    padding-left: 5px;
    padding-right: 5px;
}


.pure-table {
    /* Remove spacing between table cells (from Normalize.css) */
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
}

.pure-table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center;
}

.pure-table td,
.pure-table th {
    border-left: 1px solid #cbcbcb;/*  inner column border */
    border-width: 0 0 0 0px;
    font-size: inherit;
    margin: 0;
    overflow: visible; /*to make ths where the title is really long work*/
    padding: 0.2em 1em; /* cell padding */
}
.pure-table td:first-child,
.pure-table th:first-child {
    border-left-width: 0;
}

.pure-table thead {
    background: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

/*
striping:
   even - #fff (white)
   odd  - #f2f2f2 (light gray)
*/
.pure-table td {
    background-color: transparent;
}
.pure-table-odd td {
    background-color: #f2f2f2;
}

/* nth-child selector for modern browsers */
.pure-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2;
}

/* BORDERED TABLES */
.pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-bordered tbody > tr:last-child td,
.pure-table-horizontal tbody > tr:last-child td {
    border-bottom-width: 0;
}


/* HORIZONTAL BORDERED TABLES */

.pure-table-horizontal td,
.pure-table-horizontal th {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-horizontal tbody > tr:last-child td {
    border-bottom-width: 0;
}