/* --------------------------------
Site:       Site name
CSS author: Your name here
Updated:    Date
Updated by: Your name here
-------------------------------- */

/* ----------------------------
simple reset
---------------------------- */

body
{
background: url(imagens/fundo.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
    margin: 10px;
    font: 90%/1.3 "DejaVu Sans", "URW Gothic L", "Helvetica Neue", Helvetica, Arial, "Microsoft Sans Serif", sans-serif;
}

html, body, ul, ol, li, form, fieldset, legend
{
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }
fieldset,img { border: 0; }
legend { color: #000; }
li { list-style: none; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td
{
    text-align: left;
    vertical-align: top;
    font-weight: normal;
}

input, textarea, select
{
    font-size: 110%;
    line-height: 1.1;
}

.bt {
border:1px solid #25692A;
border-radius:20px;
display:inline-block;
cursor:pointer;
font-family:Verdana;
font-weight:bold;
font-size:13px;
padding:6px 10px;
text-decoration:none;
}

.bt-vd {
border-color:#68b465;
background:linear-gradient(to bottom, #abd5aa 5%, #68b465  100%);
box-shadow:inset 0px 1px 0px 0px #e3f1e3;
color:#fff;
text-shadow:0px 1px 0px #528009;
}

.bt-lj {
border-color:#eb9b48;
background:linear-gradient(to bottom, #f7d6b3 5%, #eb9b48 100%);
box-shadow:inset 0px 1px 0px 0px #fdf7f0;
color:#333;
text-shadow:0px 1px 0px #ffee66;
}

.bt-az {
border-color:#46a7f5;
background:linear-gradient(to bottom, #86c6f8 5%, #46a7f5 100%);
box-shadow:inset 0px 1px 0px 0px #d7ecfd;
color:#fff;
text-shadow:0px 1px 0px #528009;  
}

.bt-vm {
border-color:#f61f0e;
background:linear-gradient(to bottom, #fca8a1 5%, #f61f0e 100%);
box-shadow:inset 0px 1px 0px 0px #fff4f3;
color:#fff;
text-shadow:0px 1px 0px #528009;  
}

.bt-vd:hover {
background:linear-gradient(to bottom, #68b465 5%, #abd5aa 100%);
}

.bt-lj:hover {
background:linear-gradient(to bottom, #eb9b48 5%, #f7d6b3 100%);
}

.bt-az:hover {
background:linear-gradient(to bottom, #46a7f5 5%, #86c6f8 100%);
}

.bt-vm:hover {
background:linear-gradient(to bottom, #f61f0e 5%, #fca8a1 100%);
}

abbr, acronym
{
    border-bottom: .1em dotted;
    cursor: help;
}

#container
{
    float: left;
    width: 100%;
    
}

#nav
{
    float: left;
    width: 20%;
    background: lime;
	background-color: rgba(0,0,5,0.1);
}

#content
{
    float: left;
    width: 56%;
	margin: 0 0 0 25px;
    background: yellow;
	background-color: rgba(0,0,5,0.2);
}

#interdiv
{
    margin: 5px;
}

#extras
{
    float: right;
    width: 20%;
    background: gray;
	background-color: rgba(0,0,5,0.1);
}

.logo
{
    
    margin: 0 0 10px 10px;
	width: 400px;
	height:100px;
}

		.fitxt{
			width: 500px;
			height:40px;
		}
		input:hover{border:2px solid #0000ff}
		
		.fstxt{
			width: 95%;
			height:30px;
		}		

@media screen and (max-width:999px)
{
    #container { width: 90%; }

        #content
    {
        float: none;
        width: 76%;
        margin: 0;
    }

    #extras
    {
        clear: left;
        float: none;
        margin: 0;
        width: 76%;
    }
	
	.logo
{
    float: center;
	width: 300px;
	height:75px;
}

		.fitxt{
			width: 400px;
			height:40px;
		}
}

@media screen and (max-width:620px)
{
    #container { width: 600px; }

    #nav
    {
        float: none;
        width: auto;
    }

    #content
    {
        float: none;
        width: auto;
        margin: 0;
    }

    #extras
    {
        float: none;
        width: auto;
        margin: 0;
    }

    .logo
{
    float: center;
	width: 200px;
	height:50px;
}

		.fitxt{
			width: 230px;
			height:30px;
		}
}

@media screen and (max-width:480px)
{
    #container { width: 100%; }

    #nav
    {
        float: none;
        width: auto;
    }

    #content
    {
        float: none;
        width: auto;
        margin: 0;
    }

    #extras
    {
        float: none;
        width: auto;
        margin: 0;
    }

    .logo
{
    float: center;
	width: 200px;
	height:50px;
}

		.fitxt{
			width: 230px;
			height:30px;
		}
}