@charset "utf-8";
/* CSS Document */

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    
background-repeat:no-repeat;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.contenedor{
    
        top: 0px;
    bottom: 0px;
    position: absolute;
    width: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,bcbcbc+100 */
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ffffff 1%, #bcbcbc 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 1%,#bcbcbc 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #ffffff 1%,#bcbcbc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */background-color:#CCC;  
    }

.logo {
    position: absolute;
}
.encabezado{
    background-image: url(../media/img-prof/f_titulo2.png);
    height: 75px;
    background-repeat: repeat-x;
    background-position-y: -51px;
    z-index: 2;
}
.titulounidad{
    font-family: 'Amatic SC';
    font-size: 44px;
    font-weight: bolder;
    color: #FFF;
    padding-left: 169px;
        text-shadow: 1px 1px 5px #000;
    }
    

.cerrar {
    border: 3px solid #9F5000;
    border-radius: 50%;
    padding: 4px;
    width: 25px;
    height: 25px;
    background-color: #F90;
    cursor: pointer;
    color: #FFF;
    transition: all 0.05s linear;
    font-weight: bolder;
    font-size: 15pt;
    text-shadow: 1px 1px 5px #000;
    box-shadow: rgba(0, 0, 0, 0.46) 1px 1px 8px;
    float: right;
    text-align: center;
    top: 11px;
    right: 13px;
    position: absolute;
}   
    
.caja1 {
    width: 50%;
    background-image: url(../media/img-prof/velo.png);
    background-repeat:no-repeat;
    background-size: cover;
    padding: 10px;
    float: left;
    bottom: -1px;
    position: absolute;
    top: 67px;
}

.caja2 {
    width: 45%;
    padding: 10px;
    float:right
}

.lee {
    background-color: #FFF;
    margin-left: auto;
    margin-right: auto;
    width: 211px;
    border-radius: 15px;
    padding: 9px;
    font-weight: bold;
        font-size: 16px;
    margin-top: 25px;
    text-align: center;
    color:#666;
}


.texto {
    font-size: 86%;
    /*font-size: 2vh;*/
    text-align: justify;
    padding: 19px 49px 49px 49px;
    font-family: 'Patua One', cursive;
    transition: linear 0.5s;
    opacity:1;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="date"] , textarea {
    background-color: #FFF;
    width: 96%;
    height: 67px;
    border-radius: 11px;
    border: solid #b8b8b8;
    padding: 7px;
    margin-right: 10px;
    font-size: 13pt;
    
}

button {
    border: 3px solid #9F5000;
    border-radius: 12px;
    padding: 18px;
    background-color: #F90;
    cursor: pointer;
    color: #FFF;
    transition: all 0.05s linear;
    font-family: 'Amatic SC';
    font-weight: bolder;
    font-size: 17pt;
    text-shadow: 1px 1px 5px #000;
    box-shadow: rgba(0, 0, 0, 0.46) 1px 1px 8px;
    }

.ocultarobjeto{
    display:none;
    }

.cajafeedback{
    width: 81%;
    }

.imgfeedback{
    border-radius: 50%; 
    float:left;
    margin: -5px 14px;
}

h1{
    color:#666;
    font-family: "Patua One";
    font-size: 37px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

h2{
    color:#999;
    font-family: "Patua One";
    font-size: 22px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
    
h3,h4{
    color:#666;
    font-weight: bold;
    font-size:1em;
}

.paginacion{
position: fixed;
    bottom: 18px;
    font-size: 82px;
    text-align: center;
    width: 500px;
    margin-left: 40%;
    color: #a5a5a5;
}
.colorpunto{
    color:#F90;
}

.cajaintro{
    background-color: #FFF;
    text-align: center;
    width: 33%;
        min-width: 530px;
    padding: 34px 34px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    }
.cajacenter{
    text-align: center;
    width: 33%;
    padding: 42px 34px;
    margin-left: auto;
    margin-right: auto;

    }

.conteo{
    font-family: "Patua One";
    background-color: #999;
    margin-left: auto;
    margin-right: auto;
    font-size: 51px;
    color: #FFF;
    border-radius: 21px;
    padding: 7px;
    text-align:center;
    }

.blanco{
    color:#FFF;
    }
.naranjo{
    top: 0px;
    bottom: 0px;
    position: absolute;
    width: 100%;
    background-color:#F90;
}
td{
border-bottom: #CCC solid 2px;
}
.cortina{
    background-color: #00000099;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    display:none;
    }

/*Menus de unidades*/

.cajaUnidad{
    width: 263px;
    height: 267px;
    background-color: #e8e8e8;
    border: 2px #FFF solid;
    overflow: hidden;

    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    text-align: center;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    transition: all linear 0.2s;
}
.imagenUnidad{
    height:167px;
    width:263px;
}
.avanceUnidad{
    padding: 9px;
    margin: 9px;
    position: absolute;
    background-color: gray;
    font-family: "Amatic SC";
    color: #FFF;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}
.tituloUnidad{
    padding: 9px;
    margin: 9px;
    position: relative;
    top: 60px;
    color: #FFF;
    text-shadow: 1px 1px black;
    font-size: 34px;
    text-align: center;
    width: 222px;
    text-decoration: none;
    font-family: 'Patua One';
}
.cajaUnidad:hover {
    transition: all linear 0.2s;
    box-shadow: 1px 2px 6px #00000069;
}

.imagenQuesos{
    /*margin-top: 10px;*/
}

.numerogrande{
    font-size: 124px;
    background-image: url(../media/img-prof/queso_solo.png);
    background-repeat: no-repeat;
    display: block;
    width: 467px;
    height: 152px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    color: #ff9900;
}

.loader{
    background-image: url(../images/loader.gif);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-left: auto;
    margin-right: auto;
    display:none;
    
    }

.segundointento{
    color:#C00; 
    }