@font-face 
{
    font-family: 'gnuolaneregular';
    src: url('../config/fonte/gnuolane_rg-webfont.eot');
    src: url('../config/fonte/gnuolane_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../config/fonte/gnuolane_rg-webfont.woff2') format('woff2'),
         url('../config/fonte/gnuolane_rg-webfont.woff') format('woff'),
         url('../config/fonte/gnuolane_rg-webfont.ttf') format('truetype'),
         url('../config/fonte/gnuolane_rg-webfont.svg#gnuolaneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

input
{
	border:0;	
}

@font-face 
{
    font-family: 'swis721_blkcn_btblack';
    src: url('../config/fonte/swis-webfont.eot');
    src: url('../config/fonte/swis-webfont.eot?#iefix') format('embedded-opentype'),
         url('../config/fonte/swis-webfont.woff2') format('woff2'),
         url('../config/fonte/swis-webfont.woff') format('woff'),
         url('../config/fonte/swis-webfont.ttf') format('truetype'),
         url('../config/fonte/swis-webfont.svg#swis721_blkcn_btblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body
{
	margin:0;
	padding:0;
	height:100%;	
}

body
{
	background-image:url(../imagens/bg/bg10.png);
	background-repeat:repeat;
}

#areaLogotipo, #info
{
	margin:0 auto;
	width:500px;	
	text-align:center;	
	font-family:"swis721_blkcn_btblack";	
}

#envolturaGeral
{
	position:relative;
	width:100%;

	margin:0 auto;
	min-height:100%;
	overflow:hidden;
}	

#envolturaConteudo
{
	position:relative;
	margin-top:5%;
	margin-bottom:310px;	
}

#envolturaRodape, #rodape
{
	margin:0 auto;
	height:300px;	
	font-family:"gnuolaneregular";		
}

#envolturaRodape
{
	position:absolute;
	width:100%;
	bottom:0;
	background-image:url(../imagens/bg/bg3.png);
}

#rodape
{
	position:relative;
	width:500px;
	margin-top:0em;
	font-size:1.5em;
	line-height:115%;
	color:#e9e9e9;	
	padding:20px;
	box-sizing:border-box;
	text-align:center;
	text-shadow: 1px 1px 2px #555;		
}

a
{
	display:block;
	text-decoration:none;
	font-size:3em;	
	color:#777;
	
	text-shadow: 1px 1px 1px #e9e9e9; 	
}

a:hover
{
	color:#e9e9e9;
	text-shadow: 1px 1px 1px #777; 
}

#areaLogotipo
{
	position:relative;

	margin:0 auto;
	
}


.efeitojoeber
{
  position: relative;
}
.efeitojoeber:before, .efeitojoeber:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  
  	-webkit-box-shadow: 0 15px 10px #777;
  	   -moz-box-shadow: 0 15px 10px #777;
            box-shadow: 0 15px 10px #777;
  
  	-webkit-transform: rotate(-3deg);
  	   -moz-transform: rotate(-3deg);
		-ms-transform: rotate(-3deg);	   
  		 -o-transform: rotate(-3deg);  	    
		    transform: rotate(-3deg);
}
.efeitojoeber:after
{
  -webkit-transform: rotate(3deg);
     -moz-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);  
       -o-transform: rotate(3deg);  
	     transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.sombra-joeber 
{
  -webkit-box-shadow: -2px -6px 5px -6px #000;
     -moz-box-shadow: -2px -6px 5px -6px #000;
          box-shadow: -2px -6px 5px -6px #000;
}

#areaWebmail
{
	width:500px;
	margin:0px auto;
	border-radius:10px;

/*
	box-shadow: 2px 2px 2px #999;
	  -webkit-box-shadow: 2px 2px 2px #999;
	  -moz-box-shadow: 2px 2px 2px #999;*/
	  

	  
	  
	  
	background-color:#e5e5e5;	
	padding:30px;
	background:#e5e5e5;
	background:-webkit-linear-gradient(top,#e5e5e5 0,#d4d4d4 100%);
	background:   -moz-linear-gradient(top,#e5e5e5 0,#d4d4d4 100%);
	background:    -ms-linear-gradient(top,#e5e5e5 0,#d4d4d4 100%);
	background:     -o-linear-gradient(top,#e5e5e5 0,#d4d4d4 100%);
	background:       -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e5e5e5),color-stop(100%,#d4d4d4));
	background:        linear-gradient(to bottom,#e5e5e5 0,#d4d4d4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5',endColorstr='#D4D4D4',GradientType=0);
	text-align:center;
		
	font-family:"swis721_blkcn_btblack";
}




label 
{

	width: 260px;




	color: #445668; 

    text-transform: uppercase; 
	text-shadow: 0px 1px 0px #f2f2f2;
}

input 
{
    width: 260px; 
	padding:15px;

    background: -moz-linear-gradient(top, #546A7F 0%, #5E768D 20%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546A7F), color-stop(20%,#5E768D)); /* webkit */
    border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
    -moz-box-shadow: 0px 1px 0px #f2f2f2;
	-webkit-box-shadow: 0px 1px 0px #f2f2f2;
     font-size: 16px; color: #f2f2f2; 
	 text-transform: uppercase; 
	 text-shadow: 0px -1px 0px #334f71; 
	font-family:"swis721_blkcn_btblack";
	margin-bottom:20px;
}
    input::-webkit-input-placeholder  
	{
        color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;  
    }
    input:-moz-placeholder {
        color: #a1b2c3; text-shadow: 0px -1px 0px #38506b; 
    }







#areaWebmail button
{
 	width: 200px; 
	height: 50px;  
	padding: 10px 10px; 
	margin-top:10px;

	        box-shadow: 0px 0px 2px #999;
       -moz-box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 0px 2px #999;
	
    border: 1px solid #999;
    
	background: -moz-linear-gradient(top, #ccc 0%, #a9a9a9 100%); /* firefox */
    background:     -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#a9a9a9)); /* webkit */
    cursor: pointer;
	font-size:1.2em;
	color:#555;
	font-family:"swis721_blkcn_btblack";

}

#areaWebmail button:hover
{
			box-shadow: 0px 0px 0px #999;
       -moz-box-shadow: 0px 0px 0px #999;
	-webkit-box-shadow: 0px 0px 0px #999;	
	color:#222;
}