body {
	margin: 0;
	background-color:white;
	background: #dadada url(../imgs/fun.gif) fixed;

}

#page {
	background: #fff url(../imgs/fun_menu_2.gif) repeat-y left top;
	border-left: #ddd 3px solid;
	border-right: #ddd 3px solid;
	width: 995px;
	text-align: left;
}
a {
	color: #00c9e0;
	text-decoration: none;
}
a:hover {
	color: #008897;
	text-decoration: underline;
}
/* HEADER */
#imagem_jquery_topo{
	width:995px;
	height:166px;

}
#header {
	background: #fff url(../imgs/fun_header_p1.png) no-repeat bottom;
	padding: 5px;
	height: 83px;
}
#header .logo{
	padding: 5px 0 0 15px;
}

#header .painel{
	margin: 10px 10px 0 0;
	float: right;
	text-align: right;
}
#header .painel h2{
	font: normal 18px Arial;
	color: #b8b8b8;
	margin: 0;
	padding: 0;
}
#header .painel small{
	font: normal 10px tahoma;
	color: #AAA;
	padding: 3px 0 0 0;
	display: block;
}
#header .painel input{
	margin: 0;
	padding: 6px;
	width: 74px;
	background: url(../imgs/fun_input_login.gif) no-repeat center center;
	font: normal 11px Tahoma;
	border: 0;
	color: #999;
}
#header .painel input.entrar{
	margin: 0;
	width: 52px;
	background: url(../imgs/fun_input_entrar.gif) no-repeat center center;
	color: #FFF;
}


#destaque_top {
	display: block;
}

#destaque_top img{
	display: block;
}
/* FIM HEADER */

/* MENU */
#menu {
	width: 187px;
	border: 3px #FFF solid;
	border-bottom: none;
	background-color: #efefef;
	float: left;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu ul li{
	background: #eee url(../imgs/fun_menu.jpg) no-repeat bottom;
	margin: 0;
	padding: 0;
	border-bottom: 3px #FFF solid;
	font: bold 14px Arial;
}
#menu ul li a{
	background: url(../imgs/menu_arrow_1.gif) no-repeat right center;
	text-decoration: none;
	color:#a0a0a0;
	padding: 12px 9px 12px 9px;
	display: block;
	cursor: pointer;
}
#menu ul li a:hover{
	background: url(../imgs/menu_arrow.gif) no-repeat right center;
	text-decoration: none;
	color: #777;
}
#menu ul li.busca{
	font: normal 20px Arial;
	padding: 14px 9px 14px 9px;
	color: #8b8b8b;
}
#menu ul li.busca form,#header .painel form{
	margin: 5px 0 0 0;
	padding: 0;
}
#menu ul li.busca input{
	margin: 0;
	padding: 6px;
	width: 110px;
	background: url(../imgs/fun_input.gif) no-repeat center center;
	font: normal 11px Tahoma;
	border: 0;
}
#menu ul li.busca input.ok{
	margin: 0 0 0 -3px;
	width: 42px;
	font: bold 11px Tahoma;
	background: url(../imgs/fun_input_ok.gif) no-repeat center center;
	color: #FFF;
}
#menu .banner{
	padding: 5px;

}

#menu .tags{
	padding: 10px;

}
#menu .tags p{
	font: normal 10px Tahoma;
	color: #888;
	margin: 0 10px 20px 10px;
	padding: 0;
	text-align: justify;
}
#menu .tags p:hover{ /* teste da cor dos links */
	color: #00c9e0;
}
	/* tamanho das tags */
	.style1 {font-size: 18px}
	.style3 {font-size: 14px}
	.style5 {font-size: 24px}
	.style6 {font-size: 20px}
	.style7 {font-size: 16px}
	/* fim tamanho das tags */
	
/* FIM MENU */

/* RODAPE */
#rodape {
	clear: both;
	background: #fff url(../imgs/fun_rodape.png) no-repeat top center;
	padding: 20px;
	display: block;
	float: none;
}

#rodape .logo_rodape{
	float: left;
	padding: 0 5px 0 0;
}
#rodape .copyright{
	font: normal 10px Tahoma;
	color: #888;
	padding: 5px;
}

#rodape .info_rodape{
	font: normal 12px Tahoma;
	color: #5c5c5c;
	line-height: 20px;
}
#rodape .formas_pagto{
	float: right;
	text-align: right;
}
#rodape .formas_pagto h2{
	margin: 0 0 5px 0;
	padding: 0;
	font: bold 14px Arial;
	color: #656565;
}
#rodape .formas_pagto small {
	font: normal 11px Tahoma;
	color: #8b8b8b;
	margin: 5px 0 0 0;
	display: block;
}

#rodape #click_sitemap{
	top:10px;
	position:relative;
	cursor:pointer;
}


#rodape .sitemap {
	clear: both;
	margin: 15px 0 0 0;
	font: bold 14px Arial;
	color:#666666;
}
#rodape .sitemap p{
	margin: 5px 0 5px 18px;
}
#rodape .sitemap p a{
	font: normal 11px Tahoma;
	color: #656565;
	text-decoration: none;
}
#rodape .sitemap p a strong{
	font: bold 12px Tahoma;
}
#rodape .sitemap p a:hover{
	color: #00c9e0;
}
/* FIM RODAPE */

/* NAVBAR */
#navbar {
	background: url(../imgs/fun_navbar.gif) repeat-x bottom center;
	width: 797px;
	float: left;
}
#navbar .nav_link{
	font: bold 12px Tahoma;
	color: #747373;
	padding: 14px 0 14px 25px;
	margin: 0 0 0 8px;
	background: url(../imgs/menu_arrow.gif) no-repeat left center;
}
#navbar .atendimento_online{
	float: right;
	padding: 14px 5px 14px 5px;
}
/* FIM NAVBAR */

/* HOME */
#home {
	float: left;
	width: 797px;
}

#home h1{
	padding: 3px 0 0 12px;
	margin: 0;
	color: #595959;
	font: normal 30px tahoma;
	float: left;
}

#home h2{
	padding: 3px 0 0 12px;
	margin: 0;
	color: #595959;
	font: normal 30px tahoma;
	float: left;
}

#home h1 .h1_azul, #conteudo h1 .h1_azul{
	color:#00c9e0;
}

#home h2 .h1_azul, #conteudo h2 .h1_azul{
	color:#00c9e0;
}


#home .destaque{
	margin: 5px 0 0 0;
	padding: 0;
	height: 177px;
	background: #deeff6 url(../imgs/home/fun_destaque.gif) top;
}

#home .destaque02{
	background-color: #f7ecec;
}

#home .destaque03{
	background-color: #e6f5e1;
}

#home .destaque04{
	background-color: #ebe3f4;
}

#home .destaque h2{
	margin: 14px 0 0 15px;
	padding: 0;
	font: normal 18px tahoma;
	float: left;
}
#home .destaque h2 span{
	color:#777;
	text-decoration: none;
}
#home .destaque h2.destaque_01 span:hover{
	color: #0094cb;
	cursor:pointer;
	
}
#home .destaque h2.destaque_02 span:hover{
	color: #ce0000;
	cursor:pointer;	
}
#home .destaque h2.destaque_03 span:hover{
	color: #0b9c00;
	cursor:pointer;	
}
#home .destaque h2.destaque_04 span:hover{
	color: #8a00ff;
	cursor:pointer;	
}

#home .destaque .text_destaque{
	clear: left;
	font: normal 14px Tahoma;
	padding: 8px 0 0 14px;
	display: block;
	width: 550px;
	color:#505050;
}
#home .destaque .text_destaque p{
	margin: 0;
	padding: 0;
	line-height: 22px;
}
#home .destaque .bot_info{
	width: 154px;
	height: 43px;
	float: right;
	margin: 90px 10px 10px 0;
}

#home .destaque .bot_info a img{
	border:0;
}

#home .destaque .bot_info_cor1{
	background-color: #3faed7;
}
#home .destaque .bot_info_cor2{
	background-color: #ce0000;
}
#home .destaque .bot_info_cor3{
	background-color: #0b9c00;
}
#home .destaque .bot_info_cor4{
	background-color: #8a00ff;
}
#home .destaque .bot_info:hover{
	background-color: #666;
	cursor:pointer;
}

#home .ultimos_sites {
	clear: both;
	margin: 5px 0 0 0;
	height: 177px;
	background: url(../imgs/home/fun_ultimos_sites.gif) no-repeat center center;
}

#home .box {
	float: left;
	margin: 6px 0 10px 3px;
	height: 256px;
	width: 394px;
	background: url(../imgs/home/fun_box.gif) no-repeat center center;
	
}
#home .box .text, #home .ultimos_sites .text {
	margin: 5px 15px 5px 15px;
	font: normal 12px Tahoma;
	line-height: 20px;
	letter-spacing: 0.2px;
	color: #666;
	clear: both;
	
}
#home .box .text a, #home .ultimos_sites .text a{
	color: #666;
	
}
#home .box .text a:hover, #home .ultimos_sites .text a:hover{
	color: #00c9e0;
	text-decoration: none;
	
}
#home .box .text strong, #home .ultimos_sites strong{
	color: #00c9e0;	
	displaY:block;
	font-size: 14px;
}
#home .box .text strong:hover, #home .ultimos_sites strong:hover{
	color: #444;	
}
#home .ultimos_sites .text ul, #home .box .text ul {
	margin: 0 0 0 15px;
	padding: 0;
	color: #00c9e0;
}
#home .ultimos_sites .text ul li, #home .box .text ul li{
	margin: 0;
	padding: 0;
	list-style-type: square;
	line-height: 20px;
}
/* classes jquery home */

	.meioAzul{
		position:relative;
		float:left;
		background-color:#ecf4f7;
		width:800px;
		height:177px;
	}
	
	.meioVermelho{
		position:relative;
		float:left;
		background-color:#eececd;
		width:800px;
		height:177px;
		background-color:#FDE3E4;
	}

	.meioVerde{
		position:relative;
		float:left;
		background-color:#a8e4a6;
		width:800px;
		height:177px;
	}


	#opcoes{
		height:30px;
		width:100%;
		margin-top:10px;
		padding:4px 4px 4px 4px;
	}
	.box .text_servicos ul li a{
	color:#003366;
	text-decoration:none;
	}
	
	.box .text_servicos ul li a:hover{
	color:#000099;
	text-decoration:underline;
	}
	
	small a{
		color:#333333;
		text-decoration:none;
	}
	small a:hover{
		color:#333333;
		text-decoration:underline;
	}
/* fim classes jquery home



/* FIM HOME */


/* CONTEUDO */
#conteudo {
	float: left;
	width: 795px;
}

#conteudo h1 {
	background: url(../imgs/fun_titulo.gif) no-repeat left top;
	margin: 5px 0 0 5px;
	padding: 10px 10px 22px 15px;
	font: normal 35px Tahoma;
	color: #656565;
}

#conteudo h2 {
	font: normal 24px Tahoma;
	color: #656565;
	margin: 0 0 10px 0;
	padding: 0 0 3px 20px;
	background: url(../imgs/menu_arrow.gif) no-repeat left center;
	clear: both;
}

#conteudo h3 {
	font: bold 16px Tahoma;
	color: #656565;
	margin: 10px 0 10px 0;
	padding: 0 0 3px 20px;
	background: url(../imgs/menu_arrow_2.gif) no-repeat left center;
	

}

#conteudo .space {
	height: 20px; 
	clear:both; 
	display:block;
}

#translation {
	font: normal 12px Tahoma;
	color: #555;
	margin: 0 0 0 5px;
	padding: 0 10px 10px 9px;


}

#conteudo .top{
	margin: 0 0 0 5px;
}
#conteudo .bottom{
	clear: both;
	margin: 0 0 10px 5px;
	text-align: center;
}
#conteudo .conteudo {
	border-left: 3px #ececec solid;
	border-right: 3px #ececec solid;
	margin: 0 0 0 5px;
	padding: 0 10px 10px 9px;
	font: normal 12px Tahoma;
	color: #555;
	
}
#conteudo .conteudo p{
	font: normal 12px Tahoma;
	color: #555;
}
#conteudo .conteudo .text p{
	font: normal 12px Tahoma;
	color: #666;
	margin: 0;
	padding: 0 10px 10px 10px;
	line-height: 20px;
}
#conteudo .conteudo ul {
	margin: 0 0 15px 30px;
	padding: 0;
	font: normal 12px Tahoma;
	color: #555;
}
#conteudo .conteudo ul li{
	margin: 0;
	padding: 0;
	list-style-type: disc;
	line-height: 25px;
}
#conteudo .conteudo ol {
	margin: 0 0 15px 40px;
	padding: 0;
	font: normal 12px Tahoma;
	color: #555;
}
#conteudo .conteudo ol li{
	margin: 0;
	padding: 0;
	list-style-type: decimal;
	line-height: 25px;
}
#conteudo .conteudo blockquote{
	border-top: #E5e5e5 3px solid;
	border-bottom: #E5e5e5 3px solid;
	background: url(../imgs/fun_blockquote.png) repeat-x center top;
	padding: 10px;
	font: italic 12px Tahoma;
	line-height: 20px;
	margin: 10px 20px 10px 20px;
}
/* FIM CONTEUDO */

/* FORM */
#conteudo .form form {
	margin: 0;
	padding: 0;
}

#conteudo .form label {
	clear: both;
	display: block;
	padding: 10px;
	color: #777;

}
#conteudo .form .input_name {
	width: 100px;
	display: block;
	float: left;
	padding: 2px
}
#conteudo .form .input_name2 {
	width: 200px;
	display: block;
	float: left;
	padding: 2px
}
#conteudo .form .input_name2 small {
	color: #aaa;
}

#conteudo .form input,  #conteudo .form textarea{
	width: 400px;
	display: block;
	float: left;
	border: 1px solid #d7d7d7;
	padding: 5px;
	color: #868686;
}
#conteudo .form input.checkbox{
	width: 20px;
	border: none;
}
#conteudo .form input:focus,  #conteudo .form textarea:focus{
	border: 1px solid #00c9e0;
}

#conteudo .form input.enviar{
	width: 100px;
	display: block;
	clear: both;
	float: none;
	background: #00c9e0;
	color: #FFF;
	padding: 10px;
	margin: 0 0 0 415px;
	font: bold 12px Tahoma;
	letter-spacing: 1px;
}
#conteudo .form input.orcamento{
	width: 200px;
	display: block;
	clear: both;
	float: none;
	background: #00c9e0;
	color: #FFF;
	padding: 10px;
	margin: 0 0 0 430px;
	font: bold 12px Tahoma;
	letter-spacing: 1px;
}
#conteudo .form input.enviar:active{
	padding: 11px 9px 9px 11px;
}
/* FIM FORM */
/* MENU */
#criacao_de_sites_hidden, #servicos_hidden{
background-color:#f9f9f9;
display:none;
}
#criacao_de_sites_hidden a.link, #servicos_hidden a.link{
display: block;
border-top: 1px solid #e6e6e6;
color: #888;
font: bold 11px Tahoma;
padding: 10px 30px 10px 15px;
background: url(../imgs/menu_arrow_2.gif) no-repeat right center;
}
#criacao_de_sites_hidden a.link:hover, #servicos_hidden a.link:hover{
color: #555;
background: #eee url(../imgs/menu_arrow_3.gif) no-repeat right center;
}
/*FIM  MENU */

/*NAVEGAÇÃO MIGALHA DE PAO */
#navbar .nav_link a {
	color: #747373;
	text-decoration: none;
}
#navbar .nav_link a:hover {
	color: #00c9e0;
}
/* FIM NAVEGAÇÃO MIGALHA DE PAO */

/* SITES DESENVOLVIDOS */
#conteudo .sites_desenvolvidos {
	border-left: 3px #ececec solid;
	border-right: 3px #ececec solid;
	margin: 0 0 0 5px;
	padding: 0 10px 10px 10px;
	font: normal 12px Tahoma;
	color: #555;
	height: 225px;
	display: block;
}

#conteudo .sites_desenvolvidos .img {
	float: left;
	display: block;
	
}
#conteudo .sites_desenvolvidos .img a{
	padding: 5px 18px 5px 18px;
	color: #999;
	background-color: #EEE;
	border: 1px solid #ddd;
	display: block;
	float: left;
	margin: 5px 5px 5px 0;
	text-decoration: none;
	font: bold 11px tahoma;
}
#conteudo .sites_desenvolvidos .img a:hover{
	background-color: #00c9e0;
	color: #FFF;
}

#conteudo .sites_desenvolvidos h2{
	clear: none;
	background: none;
	margin: 0;
}
#conteudo .sites_desenvolvidos p{
	line-height: 15px;
	margin: 10px;;
}

/* FIM SITES DESENVOLVIDOS */

/* MENU PAINEL */
#menu ul li.info{
	padding: 0 9px 10px 9px;
	color: #8b8b8b;
}
#menu ul li.info h4{
	font: normal 20px Arial;
	margin: 0;
	padding: 0;
}
#menu ul li.info small{
	font: normal 12px Arial;
	margin: 0;
	padding: 10px 0 0 0;
	display: block;
}
#menu ul li.info small a.small{
	font: bold 11px Tahoma;
	margin: 0;
	padding: 00px;
	background: #eaeaea;
	display: inline;
}
#menu ul li.info small a.small:hover{
	color: #00c9e0;
}

/* FIM MENU PAINEL */

.popeye-stagewrap {
    background-color:#333;
}
.popeye-stage {
    border:         1px solid #d2d2d2;
    border-bottom:  1px solid #ffffff;
    border-right:   1px solid #ffffff;
    cursor:         pointer;
}
.popeye-tools-wrap {
    font-size:      11px;
    color:          #767676;
}
.popeye-cap {
    height:         50px;
    margin:         10px 0 0 0;
    clear:          both;
    line-height:    1.1em;
}
.popeye-hasjs {
    padding:        10px !important;
}
.popeye-isloading {
    background:     #333 url(../../imgs/popeye/loading.gif) no-repeat center;
}
.popeye-haspopped {
    border:         1px solid #333 !important;
    background:     #000 !important;
}
.popeye-haspopped .popeye-stage {
    border:         1px solid #333;
    background:     #333;
}

/* style 1 */
#popeye1 {
    float:          right;
    padding-right:  20px;               /* allow for fallback scrollbars */
    margin:         20px 0 20px 30px;
    background:     #f0f0f0;
    border:         1px solid #bababa;
    border-bottom:  1px solid #d8d8d8;
    border-right:   1px solid #d8d8d8;
}
#popeye1 .popeye-tools {
    padding:        10px 0;
    border-bottom:   1px solid#d8d8d8;
}
#popeye1 .popeye-tools span{
    float:          left;
    line-height:    18px;
}
#popeye1 .popeye-tools a {
    display:        block;
    float:          left;
    height:         20px;
    line-height:    18px;
    color:          #266e80;
    text-decoration:none;
    text-align:     center;
}
#popeye1 .popeye-tools a:hover {
    color:          #8f8f8f;
}
#popeye1 .popeye-prev {
    background:     url(../../imgs/popeye/prev-1.png) no-repeat;
    width:          35px;
    padding:        0 4px 0 12px;
}
#popeye1 .popeye-next {
    float:          right !important;
    text-align:     right; 
    background:     url(../../imgs/popeye/next-1.png) no-repeat;
    width:          35px;
    padding:        0 12px 0 4px;
}
#popeye1 .popeye-enlarge {
    background:     url(../../imgs/popeye/enlarge-1.png) no-repeat;
    margin:         0 0 0 10px;
    width:          33px;
    padding:        0 4px 0 16px;

}
#popeye1 .popeye-count {
    margin:         0 0 0 10px;
}


.popeye {
    overflow:       auto;   /* fallback popeye is scrolling! */
    height:         180px;  /* set to max height of fallback popeye */
}
.popeye ul,               /* reset browser list styles */
.popeye li {              
    list-style:     none; 
    margin:         0;
    padding:        0;
}
.popeye-tools-wrap,
.popeye-tools {
    overflow:       hidden;
}
.popeye-stage {
    background:     transparent no-repeat center center;  
}
.popeye-cap {
    overflow:       auto;   /* if height is set, caption will scroll */
}

/*BUSCA*/
#conteudo .conteudo .busca h2 a{
	color: #656565;
}
#conteudo .conteudo .busca h2 a:hover{
	color: #656565;
}
#conteudo .conteudo .busca p {
	margin: -8px 0 0 20px;
}
#conteudo .conteudo .busca small {
	margin: 5px 0 20px 20px;
	display: block;
	color: #00c9e0;
	font: normal 11px Tahoma;
}
#conteudo .conteudo .busca small a{
	color: #00c9e0;
}

#conteudo .conteudo .busca .paginacao{
	font: bold 16px Arial;
	color: #777;
	display: block;
	text-align: right;
}
#conteudo .conteudo .busca .paginacao a{
	padding: 5px;
	border: 1px #fff solid;
}
#conteudo .conteudo .busca .paginacao a:hover, #conteudo .conteudo .busca .paginacao a.current{
	background-color: #eee;
	color: #666;
	border: 1px #ddd solid;
}
/*FIM BUSCA*/

/* W3C BUTTON */
.w3cbutton3 {
  margin: 1em 0;
  width: 9em;
  border: 1px solid #ccc;
  font-family: helvetica,arial,sans-serif;
  font-size: 70%;
  font-weight: bold;
}
.w3cbutton3 a {
  display: block;
  width: 100%;
}
.w3cbutton3 a:link,
.w3cbutton3 a:visited,
.w3cbutton3 a:hover {
  background-color: #fc6;
  color: #000;
  text-decoration: none;
}
.w3cbutton3 span.w3c {
  padding: 0 0.4em;
  background-color: #fff;
  color: #0c479d;
}
/* FIM W3C BUTTOn */

/* ULTIMOS SITES */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 700px; /*Width of Carousel Viewer itself*/
height: 128px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0 10px 0 10px; /*margin around each panel*/
width: 222px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* FIM ULTIMOS SITES */