/* CSS Document */
*
{
margin:0;
padding:0;
}
html, body
{
height:100%;
width:100%;
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
position:relative;
}
p{ font-size: 12px;}
/* page layout - - - - - - - - - - >> */

#pg-container {width:100%; height:auto; margin:0 auto; float:left; padding-bottom:30px;   }
.hdr-txt {width:98%; height: auto; margin:0 auto; padding:10px 0px 0 0px; }
#pg-body {width:100%; margin:0 auto; padding:5px 0 50px; float:left;}
#adm-login-dv{width:350px; margin:auto; padding:15px 0 0;}
#loginerror{width:100%; margin:0; text-align:center; float:left; padding:10px 0;}
#adm-login {width:333px; height:216px; margin:0; padding:10px 0 0 9px; background:url(images/adm-login.jpg) no-repeat center top;}
#footer {width:100%; margin:0; padding:10px 0; float:left; background: #666600; position: fixed; left:0; bottom:0; }
#footer a { color:#FFCC99;}
#footer a:hover { color: #FFFFCC ;}
/* Styling admin home page */

#admin-login
{
margin:0;
padding:0;
float:left;
height:auto;
border:none;
background:none;
width:100%;
}

#adm-login #user
{
float:left; width:290px; padding:20px 0 0 40px;
}
#adm-login #user-box
{
float:left; width:290px; padding:5px 0 0 35px;
}

#adm-login #user-box .input-box
{
width:250px; height:35px; font-size:20px; border:1px solid #CCCCCC; background:none;
}

#adm-login #password
{
float:left; width:290px; padding:9px 0 0 40px;
}

#adm-login #password-box
{
float:left; width:290px; padding:6px 0 0 35px;
}

#adm-login #password-box .input-box
{
width:250px; height:35px; font-size:25px; border:1px solid #CCCCCC; background: none;
}

#adm-login #submit
{
float:left; width:290px; padding:8px 0 0 40px;
}

#adm-login #submit .input-box
{
background:none; border:none; font-size:18px; cursor:pointer; margin:0; padding:0;
}



/* Styling right col */
h1 .greenbg
{
font-size:22px;
color:#2681AC;
padding:5px 5px 5px 10px;
background: #33CC00;
text-align: center;
}
#right-col h2
{
font-size:16px;
color:#2681AC;
}
#right-col h3
{
font-size:16px;
color: #009900;
}




/* Styling right col form */

#right-col .right-form
{
padding:5px;
color: #333333;
font-size:14px;
width:100%;
float:left;
height: auto; 
}
#right-col .right-form table
{
width:100%;
}
#right-col .right-form th
{
text-align:center;
font-size:14px;
font-weight:bold;
background:#ECECD9;
padding:5px; 
}
#right-col .right-form td
{
text-align:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
border-left:#ECECD9 1px solid;
border-right:#ECECD9 1px solid;
border-bottom:#ECECD9 1px solid;
padding:0 5px;
margin:0;
}
#right-col .right-form .image
{
width:110px;
background:#FFFFFF;
}
#right-col .right-form .nbrd
{
border:none;
}
#right-col .right-form h2
{
padding:10px;
background:#F5F5F5;
color:#CC0000;
font-size:16px;
margin-top:10px;
}
#right-col .right-form .input-box
{
padding:5px;
margin:5px;
color: #000000;
font-size:12px;
width:250px;
height:15px;
background: #F9F9F9;
border:1px solid #FF9900;
line-height:15px;
}
#right-col .right-form .txt-box
{
padding:5px;
margin:5px;
color: #000000;
font-size:12px;
width:450px;
height:100px;
background: #F9F9F9;
border:1px solid #FF9900;
line-height:15px;
}
#right-col .right-form .sel-box
{
padding:5px;
margin:5px;
color: #000000;
font-size:12px;
width:212px;
height:45px;
background: #F9F9F9;
border:1px solid #FF9900;
line-height:15px;
}
#right-col .right-form .btn
{
padding:5px;
color: #000000;
font-size:14px;
font-weight:bold;
width:212px;
height:45px;
background: #CC9900;
border:1px solid #000000;
line-height:15px;
cursor:pointer;
margin-left:5px;
}
#right-col .right-form .btn:hover
{
background: #CC9966;
border:1px solid #FF0000;
color: #FFFFFF;
}


/* Styling right col display category details */

#bodyhtml
{
width:98%;
height:auto;
margin:0 auto;
padding:0 5px 30px;
}

#bodyhtml table
{
width:100%;
}
#bodyhtml table th
{
background:#F7F7F7;
padding:3px;
color:#6CBA07;
}
#bodyhtml table td
{
background: #FBFBF9;
border-bottom:1px solid #EBEBEB;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding:3px;
}
#bodyhtml table td p a
{
padding:3px 0;
color:#F26522;
display:block;
color:#FF0000;
}
#bodyhtml table td p a:hover
{
color: #CC3300;
text-decoration:underline;
}
#bodyhtml table .last
{
background: #FFDECE;
}
#bodyhtml h1
{
background: #009900;
font-size:14px;
color:#FFF;
padding:5px;
}


/* classe */
.center
{
text-align:center;
}
.red-txt
{
color:#FF0000;
}
.underline
{
text-decoration:underline;
}
.right
{
text-align:right;
}
.left
{
text-align:left;
}
.lowercase
{
text-transform:lowercase;
}

/* navigation */
.navbar {
    overflow: hidden;
    background-color: #333;
    font-family: Arial;
}

.navbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 16px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font: inherit;
    margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
    background-color: red;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}
blockquote {
  background: rgb(125,41,2);
  background: linear-gradient(180deg, rgba(125,41,2,1) 0%, rgba(255,0,0,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(125,41,2,1) 0%, rgba(255,0,0,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin:10px auto;
  text-align:center;
  clear:both;
}