html, body {
    height: 100%;
    background-color: #A5A6A8;
    /*background-image: linear-gradient(#B1B2B4, #39393B);*/
}

* {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    outline:0;
    text-decoration: none;
}

.wrapper {
    /*height: 100%;*/
    margin-bottom: -65px;
    min-height: 821px;
    /*background-image: linear-gradient(#B1B2B4, #39393B);*/
    background-color: #A5A6A8;
}
.push{
    height: 65px;
}

.pie{
    background-image:  url(../../imagenes/pie.png);
    height: 65px;
    /*min-width: 1000px;*/
    
/*    position: fixed;
    bottom: 0;*/
    width: 100%;
}

.superior {
    background-image: url(../../imagenes/cabecera2.png);
    height: 60px;
    /*min-width: 1000px;*/
    text-align: left;
    width: 100%;
    
    position: fixed;
    top: 0;
    z-index: 1000;
}

.cuadrille{
    background-image: url(../../imagenes/cuadrille.png);
    height: 14px;
    width: 100%;
}

.encabezado-izq {
    background-image: url(../../imagenes/logo2.png);
    float: left;
    height: 60px;
    width: 353px;
}

.encabezado-der {
    background-image: url(../../imagenes/logoCarrito2.png);
    height: 60px;
    width: 287px;
    float:right;
    position:relative;
/*    max-width:639px;*/
}

.encabezado-salir {
/*    background-image: url(../../imagenes/pol-boton-salir.png);*/
    height: 60px;
    width: 371x;
    float:right;
    position:relative;
}

.encabezado-salir1 {
    background-image: url(../../imagenes/pol-boton-salir_aux.png);
    height: 60px;
    width: 358px;
    float:right;
    position:relative;
}

/************************************/

.seccion-aplicacion{
    /*min-width: 1000px;*/
    width: 100%;
    display: inline-block;
}
.seccion-aplicacion-azul{
/*    min-width: 985px;*/
    width: 100%;
    display: inline-block;
    background: linear-gradient(#6E94B9, #466083) repeat scroll 0 0 transparent;
    /*min-width: 1045px;*/
}
.seccion-aplicacion-verde{
    /*min-width: 1270px;*/
    width: 100%;
    display: inline-block;
    background: linear-gradient(#15A160, #3C6440) repeat scroll 0 0 transparent;
}


.seccion-izquierda {
    overflow: hidden;
    width: auto;
    
    padding-top: 60px;
    /*display: inline-table;*/
}

.seccion-derecha {
    /*min-width: 254px;*/
    float:right;
    width:250px;
    
    padding-top: 60px;
}

/***********************************/


.tabla-medidas *{
    color: #fff !important;
    border-style: solid;
    border-width: 1px;
    border-color: silver;
    text-align: center;
    font-family: arial;
}

.tabla-medidas td{
    min-width: 20px;
    padding: 1px;
}


/*MOVIL***********************/

@media only screen and (max-device-width : 642px) {
/* Styles */
/*    .superior {
        background-image: url(../../imagenes/small/cabecera2.png);
        height: 40px;
        min-width: 1000px;
        text-align: left;
        width: 100%;
    }

    .encabezado-izq {
        background-image: url(../../imagenes/small/logo2.png);
        float: left;
        height: 40px;
        width: 148px;
    }
*/
    .encabezado-der {
        width: 0px;
    }

    .wrapper {
        height: 100%;
    }
}


@media only screen and (max-device-width : 480px) {
/* Styles */
    .hidden-when-small{
        display: none;
    }
    
    .start-main-table{
        margin-top: 70px !important;
        margin-left: 10px;
        width: 90%;
    }
    
    .superior {
        position: fixed;
        top: 0;
    }
    
    .pie{
        background-image: url(../../imagenes/small/pie.png);
        height: 40px;
        position: fixed;
        bottom: 0;
    }
    
    .pie *{
        font-size: 13px !important;
    }
    
    .pie table{
        padding-top: 0px !important; 
    }
    
    .pie td{
        vertical-align: top;
    }
}


/*START***************/
.start-main-table{
    text-align: center;
    width: calc(100% - 40px);
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
}
.start-wrapper { 
    padding-left: 10px;
    overflow:hidden;
}

.start-menu {
    width: 33%;
    float:left; 
    min-height: 200px;
}

.start-image { 
    width: 22%;
    float:left; 
    overflow:hidden;
    min-height: 200px;
}
.start-image img{
    max-width: calc(100% - 10px);
    padding: 5px;
}
@media screen and (max-device-width : 480px) {

    .start-menu { 
        float: none;
        margin-right:0;
        width:auto;    
        transform: scale(0.8);
        margin-left: -56px;
    }
    .start-image { 
        width: 50%;
        padding-top: 20px;
    }
    .start-image img{
        max-width: 100%;
        padding: 10px;
    }
}