/* - - - - - - - - - - - - - - - - - - - - -

Title : DESITAL default style
Author : Hugo Vieira
URL : http://www.desital.pt

Version : v0.02

- - - - - - - - - - - - - - - - - - - - - */

body { 
        padding: 0; 
        margin: 0; 
        font: 14px/18px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
        line-height: 1.5em;
        background: #fff; 
        color: #454545;
}

.corners {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
}

.user_bg{ background-color:#953B3F;}
.home_bg{ background-color:#E0691A;}
.admin_bg{ background-color:#6E6310;}

div.speed {color:#FFFFFF}
div.speed a{color:#FFFFFF}
div.speed a:hover{color:#FFFFFF}


/* page elements
   ------ */
a {     color: #953b3f}
a:hover { color: #323232; }

a.default { color:#0000FF; }

h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }

p {     margin: 0 0 5px 0; }

ul { margin: 0; padding : 0; list-style : none; }

form {  margin: 0; }

li.square { list-style-type:square; color:#3C6B00; list-style-position:inside; }

select {font-size:14px;  margin: 0; border: 1px solid #eee; color: #000000; background: #BCB9B7; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -ms-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }
select:hover { border: 1px solid #FFFFFF; background: #bcb9b7; color: #000000; }

/* Site forms input field*/
input {font-size:14px; margin: 0; padding:4px;  border: 1px solid #eee; color: #000000; background: #BCB9B7;-moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -ms-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }
input:hover { border: 1px solid #FFFFFF; background: #bcb9b7; color: #000000; }

/* Site forms textares field*/
textarea {font-size:10px; margin: 0; padding:2px 0 2px 0;  border: 1px solid #eee; color: #000000; background: #bcb9b7; }
textarea:hover { border: 1px solid #FFFFFF; background: #bcb9b7; color: #000000; }

/* Site Buttons */
input.button { cursor:pointer; margin:0; padding: 7px; font-size: 100%;  border: none;  color: #FFF; background: #953b3f; font-weight: bold; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 6px 6px; -ms-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }
input.button:hover { background: #953b3f; color: #000; border: none;  }


/* Site Buttons */
input.brown_button { cursor:pointer; margin:0; padding: 1px 2px 0px 2px; font-size: 100%; font-family: Arial, Sans-Serif; border: none;  color: #FFF; background: #7A3D17; font-weight: bold; }
input.brown_button :hover { background: #7A3D17; color: #FFF; border: none;  }

input.bigButton { letter-spacing:normal;cursor:pointer; margin:0px; padding: 7px; font-size: 16px; border: none;  color: #FFF; background: #953b3f; font-weight: bold; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 6px 6px; -ms-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;}
input.bigButton:hover { color: #000; border: none; }


input.checkb{
background:#ffffff;
border:0px;
padding:0px;
margin:0px;
}

input.radio{
background:#ffffff;
border:0;
padding:2px;
}



.ident{
margin-left:16px;
margin-top:5px;
margin-bottom:5px;
}

/* top 
   ------ */
   
/*login*/
input.logintop { position:relative; top:2px; height:13px; border:0; float:left;  font-size:9px; margin: 0; padding:0px 4px 0px 4px; width: 110px; color: #000000; background: #EEEEEE; }
input.passtop { position:relative; top:2px; height:13px; border:0; float:left;  font-size:9px; margin: 0; padding:0px 4px 0px 4px; width: 60px; color: #000000; background: #EEEEEE; }
input.gotop { cursor:pointer; border: 0;float:left;height: 18px;width: 25px;background: #6C757A url(../images/go.gif) no-repeat;color: #FFF;font: bold 1.1em Arial, Helvetica, Sans-Serif;}
img.top {float:left; }



.topbar { 
        height: 18px;
        background: #6C757A;
        color: #fff;
        padding:0 10px 0 10px;
        border-bottom: 1px solid #ccc;
        text-align:right;
        background-image:url(../images/topbar_back.gif);
        background-repeat:repeat-x;
}
        .topbar div.welcome{
                float:left;     
        }
        .topbar a{
        color:#FFFFFF;  
        }

.header { 
        height: 85px;
        
        color: #808080;
        margin: 3px 0;
        padding: 0px 0 0 0;
        border-bottom: 1px solid #ccc;
        
}

.header img.seal{
float:right;
}

.top_info {
        float: right;
        width: 500px;
        height: 85px;
        

}

        .top_info_left {
                width: 150px;
                float: left;
        }

        .top_info_right {
                float: right;
                width: 350px;
                height: 85px;
        }
        .top_info_right span{font-size: 3em;position: relative; top:30px; color:#ccc}

.logo{

position:relative;
left:20px;
top:22px;
width:250px;
float:left;
color:#7A3D17;
}

        .logo img{
                border:0px;
        }
        
        .logo div.img{width:200px; height:25px; cursor:pointer;}
        
        .logo p.slogan{
                padding-top:3px;
        }



/* layout
   ------ */

.content { 
        
        width: 100%;
        z-index:-2;
        min-width: 1125px;
}
/* left.css */

.wait{
position:relative;
background-image:url(../images/wait_empty.gif);
background-repeat:no-repeat;
height:9px;
}


.wait img{
padding:0px;
margin:0px;
z-index:5;
display:block;
float:left;
}

.wait div{
position:absolute;
left:110px;
top: -4px;
width:400px;
background-color:#FFFFFF;
}

/* right.css */



/* footer
   ------ */

.footer { 
        
        clear: both;
        position: fixed;
        background-color: #BCB9B7;
        height: 15px;
        padding: 0px 15px 5px 0px;
        bottom: 0px;
        width: 100%;
        font-size: 0.9em;
        
}

.footer a { color: #808080; background: #fff; }

.footer img {border:0px;}

.footer span.leftf{ float: left; }
    
.footer span.rightf{ float: right; padding-right: 10px;  }  


/* PLESK SKELETON */

#frame {
                position:relative;
                width:700px;
                height:auto;
                margin-right:auto;
                margin-left:auto;
                margin-top:5%;
                padding:0px;
                text-align:left;
}

#level_zero{
width:700px;    
position:absolute;
}