/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15/05/2017, 03:45:49 PM
    Author     : DIANITA
*/

body{
    background-image: url("/sunone/resources/img/fondo_app_gray.jpg");
    background-size: cover !important;
}

.ui-panel ,.ui-panelgrid-content{
    background: transparent !important;
    border: none !important;
}

.d_contenedor{
    width: 70%;
    margin: 70px auto;
}
@media (max-width: 980px) {
    .d_contenedor{
        width: 100%;
        margin: 0px;
    }
}

.d_formulario{    
    background: rgba(0,0,0,0.7) !important;
    position: relative;
    margin-top: -4px;
    box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
    padding-left:30px;
    padding-right:30px;
}
@media (max-width: 980px) {
    .d_formulario{    
        background: rgba(0,0,0,0.7) !important;
        position: relative;
        margin-top: 15px;
        box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
        padding-left:0px;
        padding-right:0px;
    }
}

.d_descripcion{
    margin-top: 15px;
    background: rgba(240,240,240,0.8) !important;
    position: relative;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3) !important;
}

.ui-button, .ui-inputfield{
    height: 40px;
    border-radius: 15px;
    box-shadow: none !important;
    margin: 10px 0px !important;
}

.ui-inputfield{
    background: transparent !important;
    border: 2px solid white !important;
    color: white !important;
    font-size: 14px !important;
    padding: 10px !important;
}
.ui-button{
    background: #002875 !important;
    color: white !important;
    border: none !important;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
}

.ui-button:hover{
    background: #0243BC !important;  
}

.ui-button-text{
    font-size: 16px !important;
    text-shadow: none !important;
    border: 0px !important;
}

.link{
    color: yellow !important;
}

.link:hover{
    color: #D6D933 !important;
}

.descripcion{
    color: #6c6b6b !important;
    font-size: 12px !important;
    font-weight: bold;
    text-align: center;
    margin-top: 40px;
}

.pie_pagina{
    width: 85%;
    color: gray;
    text-align: right;
    position: relative;
    top: 10px;
    font-size: 11px !important;
}
.pie_logo{
    width: 50px;
    float: right;
}