body {
    background:#083167;
    color:#ffffff;
    
}

h1, h2, h3, h4, h5, h6, body  {
    font-family: 'Playfair Display';
    font-weight: 600; text-align:center;
}

input {webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
    
a {color:#ffffff;}


.verde {color:#23f979;}

.red {color:#f94859;}

/***HEADER***/

.logo a {position:relative; display:block; float:none; margin:auto; width:150px; }

.sub_header {text-align:center;}


/***MENU***/

#menu-main-menu {display:block; position:relative; width:500px; float:none; margin:none;}

#menu-main-menu ul li {display:inline-block; position:relative; display:block; float:left; }


.slogan {display:block; position:relative; width:500px; float:none; margin:auto; padding:0px;}

.slogan a {display:inline-block;}



/***LOGIN FORM***/

h3 {text-align:center; margin-top:60px;}

#loginForm {display:block; position:relative; width:320px; float:none; margin:auto; padding:0px; padding:10px 30px 30px 30px;
        border-radius:5px; border:#ffffff solid 1px;}

#registro {display:block; position:relative; width:320px; float:none; margin:auto; padding:10px 30px 30px 30px;         border-radius:5px; border:#ffffff solid 1px;}

#registro input {margin-bottom:10px;}

input[type="text" ], input[type="password"], input {background-color: #f9f9f9;
    box-shadow: none;
    border: 1px #CECECE solid;
    background:#d7e4f5;
    height:28px;
}



input[type="text" ]:hover, input[type="password"]:hover, input:hover,
input[type="text" ]:focus, input[type="password"]:focus, input:focus,
input[type="text" ]:active, input[type="password"]:focus, input:active
    {background-color: #ffffff;
       border: 1px #CECECE solid!important; }
       
input[type="submit"] {display:block; position:relative; float:none; margin:auto; padding:20px 30px; background-color:#083167; color:#ffffff; height:auto;  font-family: 'Playfair Display';
    font-weight: 800; border-radius:5px; text-transform:uppercase;}
    
    input[type="submit"]:hover, input[type="submit"]:focus {color:#083167; border:#083167; background:#ffffff; cursor:pointer;}

.copyright {text-align:center;margin-top:100px;}






/***BASE***/

.fcenter {text-align:center;}

/*TABLES*/
table {font-family: 'Roboto', sans-serif; border-collapse: collapse; border-radius: 10px;
    overflow: hidden;     margin: auto; margin-top:50px;}
    
tbody tr:nth-child(even) {    background-color: #f5f5f5!important;}

tbody tr, table tr td, table tr td a {   font-size: 15px;    color: #808080!important;    line-height: 1.2;    font-weight: 400!important;}

th {font-weight:400; font-size: 14px; background-color:#0c2546; }

th, td {border-bottom: none!important;}

.column1, .column12 {  padding-left: 40px!important;}
.column7, .column22 {  padding-right: 40px!important;}

.styled-table-1 table th.columnone, .styled-table-1 table td.columnone {padding-left:40px; padding-right:40px;}

.styled-table-1 table tr td, .styled-table-1 table  tr td a {background:#ffffff; color: #808080!important; }

@media (max-width: 550px) 
{
  .container {
    width:100%; }
    
    
    .column1, .column12 {  padding-left: 10px!important;}
.column7, .column22 {  padding-right: 10px!important;}

.styled-table-1 {overflow-x:auto!important;}

.styled-table-1 table th.columnone, .styled-table-1 table td.columnone {padding-left:10px; padding-right:10px;}

th, td {
    padding: 12px 5!importantpx;
}


@media (max-width:414px)
{
    .slogan {width:360px;}
    
    input[type="text" ], input[type="password"] {width:280px;}
    
    #loginForm {    padding: 10px 10px 10px 10px;}
    
}