@font-face {
        font-family: 'paytone';
        src: url(../fonts/PaytoneOne.ttf);
}

* {margin:0; padding: 0}

ul li { list-style: none
}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0}

body {background-color: #2A7232;
        background-image:url(../img/background.jpg);
        background-attachment: fixed;
        background-position: center top;
        background-repeat: repeat-x;
        font-size: 18px;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
}
.home {width: 965px;
        margin: 0 auto;}
p {display: block;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        unicode-bidi: isolate;
}
div {display: block;
        unicode-bidi: isolate;   
}

a {text-decoration: none;}
:focus {outline: 0;}

.jome {margin: 0 auto;
        width: 965px;
}

.izq {float: left;
        width: 465px;
        
}
.der {float: left;
        width: 489px;
        margin-top: 115px;
}

.redsoc {font-family: 'paytone', Arial, Helvetica;
        color: white;
        font-size: 0.80em;
}

.izq .redsoc {margin: 40px 36px 35px;}
.izq .redsoc h1 {background-image: url(../img/picapon-beta.png);
        height: 90px;
        width: 400px;
        background-repeat: no-repeat;
        text-indent: -3000px;    
}
.izq .redsoc h2 {
        color: #FFFFFF;
    font-size: 22px;
    font-family: 'Paytone', Arial, Helvetica, sans-serif;
    margin-bottom: 30px;
}


.login {background-image: url(../img/login_bg.png);
        width: 498px;
        padding: 50px 0 65px 0;
        background-repeat: no-repeat;
        font-family: 'paytone', Arial, Helvetica, sans-serif;
        color: #35909c;

}

.log1 {font-family: 'paytone', Arial, Helvetica;
        font-size: 20px;
        
}
.log2 {font-family: Arial, Helvetica, sans-serif;
        display: block;
        margin: 40px 30px 20px 190px;
        font-size: 14px;
        text-align: left;
}

.title {font-size: 20px;
        margin-bottom: 10px;
}

.login .log1 .testo {font-family: 'paytone', Arial, Helvetica, sans-serif;
        font-size: 20px;
        margin: 45px 0 0 0;
}

.boton, .boton:active, .boton:focus, .boton:hover {    padding: 4px 10px;
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: none;
        cursor: pointer;
}

.boton, .boton:active, .boton:focus {text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #C5521C;
        cursor: pointer;
        background: rgb(255,223,61);
        background: linear-gradient(0deg, rgba(255,180,0,1) 0%, rgba(255,223,61,1) 100% );
        border: 2px solid #FDAA08;
        border-radius: 6px;
        padding: 4px 10px;
        text-decoration: none;
}

.login .log1 .boton:hover {color: #FFFFFF;
        background: #ff9f41;
        background: linear-gradient(0deg, #ff640b  0%, #ff9f41 100% );
}

.login .log1 .boton {font-size: 18px;
        border-radius: 6px;
        margin: 15px 0 10px;
        cursor: pointer;
        border: 2px solid #FDAA08;
        background: rgb(255,223,61);
        background: linear-gradient(0deg, rgba(255,180,0,1) 0%, rgba(255,223,61,1) 100% );
        color: #C5521C;
}

.login .log2 {text-align: left;
        display: block;
        margin: 55px 30px 20px 190px;
}

.login .log2 .boton {text-align: center;
        font-size: 18px;
        border-radius: 6px;
        margin: 15px 0 10px;
        cursor: pointer;
        background: rgb(255,223,61);
        background: linear-gradient(0deg, rgba(255,180,0,1) 0%, rgba(255,223,61,1) 100% );
        border: 2px solid #FDAA08;
        color: #C5521C;
}

.login .log2 .boton:hover {color: #FFFFFF;
        background: #ff9f41;
        background: linear-gradient(0deg, #ff640b  0%, #ff9f41 100% );
}

.login .log2 a.boton {display: block;
        text-align: center;
        width: 253px;
}

#pregs {clear: both;
        display: block;
        margin: 0 35px 0 75px;
        text-align: left;
}