/* 
    Document   : style
    Created on : 04/05/2014, 01:40:18 PM
    Author     : Jesus
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

#backgroundHeader{
    background: url("../img/fondoHeader.jpg") repeat-x #e8e9ea;
}

#backgroundMenu2{
    background:#B3B3B3;
}

.backgroundGris{
    background:#E6E6E6;
}

.backgroundGrisOver{
    background:#cecccc;
}

.backgroundGrisOver:hover{
    background:#636363;
    cursor: pointer;
    color:#fff !important; 
}



.backgroundGrisOscuro{
    background:#636363;
}

.backgroundRed{
    background:#e90000;
}

h1{
    color:#fff;
    text-align: center;
    font-size: 18px !important;
    font-style: normal;
    background: #666;
}
h1#logotipo{
    display:block;
    float:left;
    margin:10px 0 0 0;
    background: none;
}

h1#logotipo a{
    display:block;
    margin:0 0 0 0;
    text-indent: -9999px;
    height: 57px;
    width: 93px;
    background: url("../img/logotipo.png") no-repeat;
}

.colorRed{
    color:#FF0000;
}

.sizeFooter{
    color:#fff;
    margin:0px;
}

.paddingOne{
    padding: 5px 0;
}
/*******************************************************/

.spaceMd{
    padding:0 0 0 10px;
}

.alignRight{
    float:right;
    text-align: right;
}

.marginTop1{
    margin-top: 20px;
}

.marginNone{
    margin: 0;
}

/*-------------------menu secundario*/
ul#MenuSecundario{
    display:block;
    float:left;
    margin:0 0 0 0;
    padding: 0 0 0 0;
    font-size:  0.9rem;
}

ul#MenuSecundario li{
    display:block;
    float:left;
    margin:0 5px;
    padding: 0 0 0 0;
    text-decoration: none;
}

ul#MenuSecundario li a{
    display:block;
    float:left;
    margin:0 0 0 0;
    padding:5px;
}

ul#MenuSecundario li a:hover{
    color:#fff;
    background: url("../img/menu04V1on.jpg") no-repeat #e0080a;
}
/*-------------------fin menu secundario*/

/*-------------------menu alterno*/
ul#MenuAlterno{
    display:block;
    float:right;
    margin:0 0 0 0;
    padding: 0 0 0 0;
    font-size:  0.9rem;
}

ul#MenuAlterno li{
    display:block;
    float:left;
    margin:0 5px;
    padding: 0 0 0 0;
    text-decoration: none;
}

ul#MenuAlterno li a{
    width: 35px;
    text-indent: -9999px;
    display:block;
    float:left;
    margin:0 0 0 0;
    padding:5px;
}

ul#MenuAlterno li a#refreshBoleta{
    background: url("../img/menu02V1.png") no-repeat;
}

ul#MenuAlterno li a#agregarBoleta{
    background: url("../img/menu02V2.png") no-repeat;
}

/*-------------------fin menu alterno*/

/*-------------------informacion*/
#informacion{
    overflow: hidden;
    color:#fff !important;
}

#informacion p{
    display: block;
    width:120px;
    float:left;
    padding: 0;
    margin: 0 5px;
}

#informacion label{
    font-weight: bold;
    color:#f2db40 !important;
    display: block;
    width:30px;
    float:left;
    padding: 0;
    margin: 0 5px;    
}

label#CargandoBoletas{    
    width:90px;
    margin: 0  15px 0 0;
}

div.divContentAbove{
    float:left;
    overflow: hidden;
}
/*-------------------fin informacion*/

/*-------------------footer*/
.footerStatic{
    position: fixed;
    bottom: 0px;
    padding: 10px 0 5px 0;
    z-index: 5555; 
}
/*-------------------fin footer*/

#wrapper{
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
}

#contentHolder{

}

#buscarBoletaRapida div span{
    font-size: 12px !important;
    color:#000 !important;
}

.buscar_boleta {
background: red;
width: 25px;
height: 25px;
position: absolute;
margin: 5px 0px 0px -130px;
background: url(../images/buscar_boleta.png) no-repeat;
}

.modWidth{
    margin:5% auto auto auto;
    width:30% !important;
    background: #E2E2E2;
    border-radius: 10px;
    padding: 0 0 20px 0;
    box-shadow: inset 0px 0px 10px #666;
}
#fondoBody{
    background: url("../img/fondo2.jpg") repeat-x #ababab;;
}


@media only screen and (max-width:900px) {
    .modWidth{
        margin:0;
        width:100% !important;
        background: none;
        border-radius: 0;
        padding: 0;
        box-shadow: none;        
    }
    #fondoBody{
        background:#ccc;;
    }    
}