body {
   /* padding-top: 50px;
    padding-bottom: 20px;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding:15px;
}


/* BOTONES INPUTS ETC */
input,
select,
textarea {
    width:100%;
    font-size:16px;
    padding:3px 0px;
    border: 1px solid #ccc;
    border-radius:3px;
}
input:focus,select:focus,textarea:focus{
    border:1px solid #999;
}
input[type=button],input[type=submit]{
    width:150px !important;
}

/* CLASES */
.head-module {
    background-color: #eee;
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.modulo-titulo {
    font-size: 1.6em;
    font-weight: bold;
}
.boton-image{
    cursor:pointer;
}

.boton-style:hover {
    cursor: pointer;
    background-color: #aaa;
}

.boton-style {
    text-align: center;
    display: inline-block;
    font-size: 1.1em;
    margin: 0 10px;
    background-color: none;
    padding: 6px;
    border-style: initial;
    border: 1px solid #cccccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
}

.imgGrid{
    cursor:pointer;
    transition:0.4s;
}
.imgGrid:hover{
    transform:rotate(-15deg);
}


.mitad{
    width:48% !important;
    padding:1%;
}
.tercio{
    width:30%;
    padding:1%;
}
.float{
    float:left;
}
.right{
    float:right;
}
.bloque>div{
    padding:1px 10px;
}
.bloque{
    border: 1px solid #ccf;
    border-radius:3px;
    margin-bottom:5px;
    padding-bottom:5px;

}

/* parches */
*:focus {
    outline: none;
}