/* websitebr Soluções Digitais */

/* GLOBAIS */
{
margin: 0 auto;
padding: 0;
height: auto;
width: auto;
background-color: #415262;
text-align: center;
}

html
{
margin: 0 auto;
padding: 0;
height: auto;
width: auto;
text-align: center;
background-color: #415262;
}

body
{
margin: 0 auto;
padding: 0;
height: auto;
width: 677px;
background-color: #415262;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #414141;
text-align: center;
display: table;
}

p
{
text-align: justify;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #414141;
line-height: 18px;
word-spacing: 1px;
padding-bottom: 10px;
}

h1
{
text-align: left;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
color: #414141;
line-height: 20px;
}

h2
{
text-align: left;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #414141;
line-height: 18px;
}


form
{
text-align: left;
margin: 0 auto;
padding: 0;
width: auto;
height: auto;
vertical-align: middle;
}

form img
{
border: none;
top: 0;
padding-right: 10px;
margin-top: -8px;
}

form p
{
text-align: justify;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #414141;
line-height: 10px;
word-spacing: 1px;
padding-bottom: 3px;
}

input[type="text"], input[type="password"]
{
background-color: #F4F4F4;
border: 1px solid #727272;
height: 15px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #414141;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 1px;
padding-top: 1px;
vertical-align: middle;
}

.inputnewsletter
{
background-color: #F4F4F4;
border: 1px solid #727272;
height: 15px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #414141;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 1px;
padding-top: 1px;
vertical-align: middle;
}

input[type="image"]
{
vertical-align: middle;
line-height: 18px;
}

a
{
color: #AA8000;
font-weight: bold;
text-decoration: none;
}

a:hover
{
color: #414141;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #FFC702;
}

dl
{
margin-left: 20px;
margin-bottom: 10px;

}

dt
{
margin-top: 10px;
margin-left: 0;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
}

dd
{
margin-left: 0;
}


/* === SÓ PARA A PORCARIA DO IE =/ === */
.input
{
background-color: #F4F4F4;
border: 1px solid #727272;
height: 18px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #414141;
padding-left: 3px;
padding-right: 3px;
vertical-align: top;
}

.btimage
{
vertical-align: middle;
line-height: 18px;
padding-top: 2px;
}

/* === FIM DA PORCARIA === */


/* ==== ESTRUTURA LAYOUT ==== */

/* CABEÇALHO */

#espacotopo
{
width: auto;
height: 30px;
}

#espacobaixo
{
width: auto;
height: 30px;
padding-top: 5px;
}
	#espacobaixo a:hover
 	{
	border: none;
	}

#cab
{
width: auto;
height: 107px;
}

	#cabtopo
	{
	width: auto;
	height: 22px;
	background-image: url(../images/cab_topo_bg.gif);
	background-position: center;
	background-repeat: no-repeat;
	}
	
	#cabcentro
	{
	width: auto;
	height: 85px;
	background-image: url(../images/cab_bg.gif);
	background-position: center;
	background-repeat: no-repeat;
	}
	
	#cabinterno
	{
	height: 100%;
	width: auto;
	text-align: center;
	background-image: url(../images/cab_arte.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	}
	
/* MENU */

#menuarea
{
width: auto;
height: auto;
padding-top: 56px;
vertical-align: bottom;
left: 300px;
display: table;
margin-left: 200px;
}

	#menu
	{
    width: 100%;
    line-height: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	vertical-align: bottom;
	}
	
	#menu ul
	{
    margin: 0;
    padding: 0;
    list-style: none;
    }
 	
	#menu li
	{
    float: left;
    margin: 0;
    padding: 0;
    }
	
	#menu a
	{
	float: left;
	display: block;
	text-decoration: none;
	color: #797979;
    background: url(../images/menu_bg_off.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 26px;
	padding-left: 10px;
	padding-right: 10px; 
	margin-left: 2px;
	margin-top: 3px;
	margin-right: 1px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-left: 1px solid #CECDCD;
	border-right: 1px solid #CECDCD;
	line-height: 26px;
	}
	
	#menu a:hover
	{
	color: #333333;
	background-image: url(../images/menu_bg_hover.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 26px;
	padding-left: 10px;
	padding-right: 10px; 
	margin-left: 2px;
	margin-top: 3px;
	margin-right: 1px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-left: 1px solid #CECDCD;
	border-right: 1px solid #CECDCD;
	border-bottom: none;
	line-height: 26px;
	}
	
	#menu #selecionado a
	{
	display: block;
	background-image: url(../images/menu_bg_on.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-left: 10px;
	padding-right: 10px;
	height: 29px;
	color: #333333;
	margin-top: 0;
	line-height: 29px;
	}


/* CORPO */

#corpo
{
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0;
background-image: url(../images/corpo_bg.gif);
background-position: top;
background-repeat: repeat-y;
display: table;
}

	#conteudo
	{
	width: 596px;
	height: auto;
	margin-left: 45px;
	margin-right: 35px;
	margin-bottom: auto;
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 10px;
	display: table;
	clear: both;
	}
		
		#conteudo p img
		{
		border: 1px solid #CECDCD;
		margin-left: 0px;
		margin-right: 10px;
		margin-top: 0px;
		margin-bottom: 0px; 
		}


/* HOME */
#home
{
float: left;
width: 355px;
height: 100%;
vertical-align: top;
display: table;
margin: 0;
padding: 0;
display: table-cell;
}

#boxservicos
{
float: right;
width: 223px;
height: 338px;
vertical-align: top;
background-image: url(../images/box_serv_bg.gif);
background-position: right;
background-repeat: repeat-y;
display: table-cell;
}

	#boxservtopo
	{
	background-image: url(../images/box_serv_topo.gif);
	background-position: right;
	background-repeat: no-repeat;
	width: auto;
	height: 25px;
	text-align: right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #414141;
	line-height: 25px;
	padding-right: 10px;
	}
	
	#boxservflash
	{
	width: auto;
	height: 311px;
	display: table;
	margin: 0 auto;
	padding: 0;
	}
		#boxservflash div
		{
		width: 207px;
		height: 94px;
		margin-bottom: 5px;
		margin-top: 7px;		
		text-align: center;
		padding-left: 10px;
		background-image: url(../images/serv_swf_bg.gif);
		background-position: bottom right;
		background-repeat: no-repeat;
		vertical-align: top;
		}
		
	#boxservbaixo
	{
	width: auto;
	height: 2px;
	background-image: url(../images/box_serv_baixo_bg.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	}

/* PAGINAS INTERNAS */
#internas
{
margin-right: 10px;
text-align: left;
}

	#internas h2
	{
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #414141;
	line-height: 18px;
	border-top: 1px solid #FCE9A2;
	}
	
	#clientes
	{
	width: auto;
	height: auto;
	display: block;
	}
	
	#clientes img
	{
	}
	
	#clientes div
	{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-left: 3px solid #CBCACA;
	height: 50px;
	width: 150px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	vertical-align: top;
	display: table;
	line-height: 12px;
	font-size: 10px;
	}
	
	#clientes div.off
	{
	border-left: 3px solid #CBCACA;
	}

	#clientes div.on
	{
	border-left: 3px solid #FFC702;
	}
	
		#clientes div h1
		{
		text-align: left;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		text-transform: none;
		color: #414141;
		line-height: 13px;
		margin: 0;
		padding: 0;
		}
		
	
	#internas ul
	{
	width: auto;
	text-align: left;
	list-style: square;
	padding-left: 20px;
	margin-left: 20px;
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
	
	#internas li
	{
	width: auto;
	padding-bottom: 3px;
	padding-top: 3px;
	}
	
	#internas [type="text"], input[type="password"]
	{
	background-color: #F4F4F4;
	border: 1px solid #727272;
	width: 230px;
	height: 15px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #414141;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-top: 1px;
	vertical-align: middle;
	}
	
	.textcontato
	{
	background-color: #F4F4F4;
	border: 1px solid #727272;
	width: 230px;
	height: 15px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #414141;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-top: 1px;
	vertical-align: middle;
	}
	
	#internas [wrap="virtual"], .virtualcontato
	{
	background-color: #F4F4F4;
	border: 1px solid #727272;
	width: 230px;
	height: 100px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #414141;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-top: 1px;
	vertical-align: middle;
	}
	
	.virtualcontato
	{
	background-color: #F4F4F4;
	border: 1px solid #727272;
	width: 230px;
	height: 100px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #414141;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-top: 1px;
	vertical-align: middle;
	}

	#internas input[type="image"]
	{
	vertical-align: middle;
	line-height: 18px;
	}
	
	#internas strong
	{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #AA8000;
	text-transform: capitalize;
	font-weight: bold;
	}
	
#buttonsarea
{
width: 237px;
text-align: right;
height: 30px;
margin-left: 20px;
margin-bottom: 10px;
}


/* RODAPÉ */
#rodape
{
clear: both;
width: 100%;
height: 64px;
background-image: url(../images/rodape_bg.gif);
background-position: center;
background-repeat: no-repeat;
padding: 0;
margin: 0 auto;
}

#rodapeinfo
{
position: relative;
width: 100%;
height: auto;
vertical-align: middle;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #414141;
text-align: center;
padding-top: 17px;
word-spacing: 1px;
}


#adicionando_email
{
	display:none;
	position:relative;
	float:left;
	width:130px;
	text-decoration: none;
	color: #797979;
	background-color:#EEEEEE;
	border: 2px solid #EEEE33;
}