/* CSS Document */
@media screen and (max-width:1000px) {
/*Versión móvil*/
    @font-face{
      font-family: 'BRITANIC';
      src: url('BRITANIC.TTF');      
      font-weight: normal;
      font-style: normal;
    }
    body{
         font-family:"Verdana";
        overflow:auto;
        overflow-x:hidden;
        text-align:center; 
        padding:0px;
        margin:0px;   
        background:url("../Imgs/BG.png") bottom fixed no-repeat;  
    }
    .Boton{
        cursor:pointer;
    }
    .Oculto{
        display:none;
    }
    .Redondeado5{
        padding:5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
    }
    .Redondeado10{
        padding:10px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
    }
    Contenido{
        position:relative;
        top:110px;
    }
    .PH{
        height:100%;
        width:50px;
        left:0px;
        top:0px;
        position:fixed;
        background:#A1A0A0;
        z-index:8;
    }
    #lbox{
        position:fixed;
        width:100%;
        height:100%;
        top:0px;
        left:0px;
        background:url("../Imgs/lbox.png");
        z-index:150;   
        display:none;    
    }
    a{
        text-decoration:none;
        color:auto;
    }
    .BtnClose{
        cursor:pointer;
        position:absolute;
        top:10px;
        right:10px;
        color:#fff;
    }
    header{
        position:fixed;
        left:0px;
        top:0px;
        background:#fff;
        width:100%;
        left:0px;
        display:inline-block;
        text-align:center;    
        color:#852148;
        padding:0px;
        margin:0px;
        z-index:10;
    }
    headerIn{
        position:relative;
        display:inline-block;
        width:100%;
        left:0px;       
        top:0px;
        height:140px;
      /*  background:#aaa;*/
        padding:0px;
        margin:0px;
        background:url("../Imgs/BGHeader.png") #fff repeat-x bottom;
    }
    NavBtn{
        position:fixed;
        top:0px;
        left:0px;
        width:110px;
        height:110px;
        padding:15px;
        font-size:75px;        
        background:url("../Imgs/BGSec.png");
        box-sizing:border-box;
        color:#fff;
        z-index:10;
        cursor:pointer;
    }
    #Login{
        display:none;
    }
    #Logo{
        position:fixed;
        left:50%;
        margin-left:-100px;
        top:0px;
        z-index:500;
    }
    nav{
        display:none;
        position:fixed;
        background:#024A9A;
        top:100px;
        left:0px;
        width:100%;
        height:90%;
        color:#fff;
        padding:50px;
        box-sizing:border-box;
    }
    
    nav li{
        list-style:none;
        font-size:50pt;
        color:#fff;
        line-height:2;
    }
    nav li a{
        color:#fff;
    }
    slider{
        width:102%;
        display:block;
        background:#0ff;
        position:relative;
    }
    slider li{
        list-style:none;
        display:inline-block;        
        width:100%;
        margin:0px;
        padding:0px;
    }
    slider li img{
            width:100%;
            border:0px;
        margin:0px;
        padding:0px;
        margin-left:0px;
    }   
    hdIzq{
        position:fixed;
        background:#fff;
        width:100%;
        text-align:center;
        z-index:10;
    }
    header img{
        height:80px;
    }    
    seccion{
        width:95%;
        display:block;
        left:50px;        
        margin-top:5px;
        padding:10px;
        /*background:#ccc;*/        
        position:relative;      
        animate("right"); 
        text-align:left; 
        z-index:9;
    }
    .SecUs{
        background:url("../Imgs/BGSec.png");
        font-size:12pt;
        color:#fff;
    }
    .SecCont{
        background:url("../Imgs/BGcontact.jpg") #000 no-repeat;
        color:#fff;
    }
    .secCont{
        font-size:30pt;
    }
    Gal{
        display:block;
        width:100%;
        padding:10px;
    }
    Gal li{
        list-style:none;
        display:inline-block;
        width:48%;
        padding:5px;
        text-align:center;
    }
    Titulo{
        display:block;
        font-size:20pt;
        background:url("../Imgs/TitSepBco.png") right no-repeat;
    }
    input, textarea{
        font-size:50pt;
        border:0px;
    }
    .Calendar{
        background:#ffffff50;
        padding:10px;
        text-align:center;
        font-size:12pt;
        margin:10px;
        border-radius: 15px 15px 15px 15px;
        -webkit-box-shadow: 5px 5px 10px 2px #000000;
    }
    .col50{
        box-sizing:border-box;
        width:98%;
        display:inline-block;
        vertical-align:middle;
        padding:50px;
    }
    .col25{
        box-sizing:border-box;
        width:48%;
        display:inline-block;
        vertical-align:middle;
        text-align:center;
    }
    pie{
        width:100%;
        display:inline-block; 
        box-sizing:border-box;       
        position:relative;
        width:100%;
        top:50px;
        font-size:30pt;
        bottom:0px;
        left:0px;
        padding:20px;
        text-align:center;
        background:url("../Imgs/BGSec.png");
        color:#fff;
    }
    col1,col2{
        display:block;
    }
    Flotante{
        padding:15px;
        padding-top:5px;
        display:block;
        position:fixed;
        top:0px;
        right:50px;        
        width:auto;
        height:auto;
        font-size:40pt;
        background:#f9ca4f;
        -webkit-border-radius: 0px 0 15px 15px;
        border-radius: 0px 0 15px 15px;
        z-index:10;
    }
}