/*
Theme Name: Tutoriais Hostnet
Theme URI: http://www.tutorial.hostnet.com/
Description: Tutoriais Hostnet
Version: 1.0
Author: Juan Santos
Author URI: http://www.juansantos.info/
*/

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

body{
	margin:0;
	padding:0;
	font-family: Tahoma, Arial, sans-serif;
	background:url(imagens/bg_top.jpg) repeat-x;
}

a{outline:none}

*:focus{outline:none}

h1 {
	float:left;
	text-align:left;
	font-weight:normal;
	margin-top:30px;
	margin-left:115px;
	width:510px;
	height:40px;
}

h1 a{
	text-decoration:none;
	font-weight:normal;
	color:#000000;
	font-size:25px;
}

h1 a:hover{
	text-decoration:underline;
}

h2, h2 a{
	width:100%;
	color:#3FA9FF !important;
}

#h1_upper{
	color:#23257E;
	font-size:40px;
}

#bg1{
	float:left;
	width:100%;
	height:100%;
	text-align:center;
	background:url(imagens/bg.jpg) repeat top center;
}

#bg2{
	float:left;
	width:100%;
	height:100%;
	text-align:center;
	background:url(imagens/bg_top.jpg) no-repeat top center;
}

#bg3{
	float:left;
	width:100%;
	height:100%;
	text-align:center;
	background:url(imagens/footer_bg.png) repeat-x bottom left;
}

#text{
	float:left;
	width:100%;
	height:100%;
}

#site{
	margin:auto;
	width:984px;
	height:auto;
}

#top{
	float:left;
	width:984px;
	height:160px;
}

#top_bar{
	float:left;
	width:984px;
	height:36px;
	text-align:left;
	background:transparent url(imagens/barra_bg.jpg) center center;
	text-align:center;
}

#top_bar ul{
	width:984px;
	height:36px;
	background:transparent url(imagens/barra_borda.jpg) no-repeat center right;
	margin:auto;
	overflow:hidden;	
}

#barra_logo{
	float:left;
	width:65px;
	height:36px;
	background:url(imagens/barra_logo.jpg) center center;
}

.barra_item{
	float:left;
	width:auto;
	height:auto;
	color:#FFFFFF;
	text-decoration:none;
	font-size:9pt;
	margin-top:9px;
	margin-left:9px;
	margin-right:9px;
}

.barra_item:hover{
	text-decoration:underline;
}

.barra_divider{
	float:left;
	width:22px;
	height:34px;
	text-align:center;
	padding-top:3px;
	color:#999DDF;
	font-size:20px;
}

#top_search{
	float:left;
	width:320px;
	height:50px;
	padding-top:20px;
	padding-left:30px;
	margin-top:20px;
	text-align:left;
	background:url(imagens/search.jpg) no-repeat top center;
}

#input_search{
	width:235px;
	height:20px;
	font-size:16px;
	font-weight:bold;
	color:#4B536E;
	border:none;
}

#top_icons{
	float:left;
	width:225px;
	height:39px;
	margin-left:150px;
}

#top_icons img{
	width:26px;
	height:26px;
	border:none;
}

#middle{
	float:left;
	width:984px;
	height:100%;
	padding-bottom:25px;
	background:url(imagens/bg_middle.png) repeat-y;
	letter-spacing:1px;
}

#middle_bg1{
	float:left;
	padding-top:25px;
	background:url(imagens/middle_bg.png) top repeat-x;
}

#middle_bg2{
	float:left;
	padding-bottom:25px;
	background:url(imagens/middle_bg.png) bottom repeat-x;
}

#middle_left{
	float:left;
	width:620px;
	height:auto;
	margin-left:22px;
	margin-right:22px;
}

#destaque{
	float:left;
	width:620px;
	height:250px;
}

.destaque_area{
	float:left;
	width:205px;
	height:250px;
	text-align:center;
}

.destaque_thumb{
	width:188px;
	height:188px;
	margin:auto;
	border:1px #DFDFDF solid;
}

.destaque_thumb img{
	float:left;
	width:180px;
	height:180px;
	border:4px #FFFFFF solid;
}

.destaque_text h2 a{
	width:180px;
	height:180px;
	margin:auto;
	text-align:left;
	font-weight:bold;
	font-size:15px;
	text-decoration:none;
}

#mini_menu{
	float:left;
	width:620px;
	height:400px;
}

.mini_menu_item{
	float:left;
	width:102px;
	height:130px;
	font-size:13px;
	font-weight:bold;
}

.mini_menu_item img{
	border:0;
}

.mini_menu_item a{
	text-decoration:none;
	color:#6D6D6D;
}

.mini_menu_item span:hover{
	text-decoration:underline;
}

.posts_area{
	float:left;
	margin-top:20px;
	width:620px;
	height:auto;
}

.posts_thumb{
	float:left;
	width:208px;
	height:208px;
	border:1px #DFDFDF solid;
	overflow:hidden !important;
}

.posts_thumb a{
	float:left;
	width:208px;
	height:208px;
	overflow:hidden !important;
}

.posts_thumb img{
	float:left;
	width:200px;
	height:200px;
	border:4px #FFFFFF solid;
}

.posts_divisor{
	float:left;
	width:620px;
	height:48px;
	background:url(imagens/divisor.jpg) no-repeat;
}

.posts_text{
	float:left;
	margin-left:10px;
	width:400px;
	height:auto;
}

.posts_text a{
	text-decoration:none;
}

.posts_text h2{
	float:left;
	text-align:left;
	font-weight:normal;
	width:100%;
	height:auto;
	font-size:29px;
	margin-top:10px;
	margin-bottom:15px;
	color:#23257E;
}

.posts_text h3,.posts_text h4,.posts_text h5{
	float:left;
	width:100%;
	height:auto;
}

.posts_text p{
	float:left;
	text-align:left;
	font-size:13px;
	color:#000;
	margin:0;
	width:100%;
	height:auto;
}

.posts_text_single{
	float:left;
	margin-left:10px;
	width:590px;
	height:auto;
	font-size:12pt;
	text-align:justify;
}

.posts_text_single h2{
	width:100%;
	height:auto;
	font-size:27px;
	margin-top:10px;
	margin-bottom:15px;
	text-align:left;
	font-weight:normal;
}

.posts_text_single ul{
	color:#000;
	margin:15px;
	width:100%;
	height:auto;
	list-style:disc;
}

.posts_text_single h2 a{
	text-decoration:none;
	width:100%;
	color:#3FA9FF !important;
	font-weight:normal;
}

.posts_text_single h2 a:hover{
	text-decoration:underline;
}

.posts_text_single h3, .posts_text_single h4{
	color:#3FA9FF;
	text-align:justify;
	font-weight:normal;
}

.posts_text_single a, .posts_text_single strong a, .posts_text_single a strong{
	color:#0000EE !important;
	font-weight:normal;
}

.posts_text_single a:hover{
	text-decoration:underline;
}

.posts_text_single strong{
	color:#000;
}

.posts_text_single p{
	color:#000000;
	height:auto;
	letter-spacing:0;
	line-height:20pt;
	margin:10px 0;
	width:100%;
}

.posts_readmore{
	float:left;
	font-weight:bold;
	font-size:14px;
	color:#3FA9FF;
	margin-top:10px;
	text-decoration:none;
}

#posts_previous{
	float:left;
	margin-top:40px;
	margin-bottom:40px;
}

#posts_next{
	float:right;
	margin-top:40px;
	margin-bottom:40px;
}

#posts_previous a{
	font-size:27px;
	color:#CCCCCC;
	text-decoration:none;
}

#posts_next a{
	font-size:27px;
	color:#23257E;
	text-decoration:none;
}

#posts_avaliar{
	float:left;	
 	width:600px;
 	height:auto;
 	text-align:left;
 	padding-left:20px;
 	background-color:#EFEEEE;
}

.posts_avaliar_block{
	float:left;
	width:570px;
	height:auto;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:10px;
	color:#000;
}

.posts_avaliar_perguntas{
	float:left;
}

.posts_avaliar_respostas{
	float:right;
}

#middle_right{
	float:right;
	width:296px;
	height:100%;
	margin-right:22px;
	margin-top:22px;
	margin-bottom:22px;
	color:#000;
}

#sidebar{
	float:left;
	width:255px;
	height:auto;
	margin-left:13px;
	margin-top:10px;
	margin-bottom:22px;
}

#menu, #noticias, #mais_comentados, #mais_lidos, #leia_tambem, #nuvem_tags, .xoxo blogroll, #sobre{
	float:left;
	text-align:left;
	width:100%;
	height:auto;
	list-style:none;
	font-size:22px;
	margin-bottom:25px;
	padding-left:12px;
	background: url(imagens/marcador_circulo_preto.gif) no-repeat left top;
}

#como_criar_meu_site{
	float:left;
	text-align:left;
	width:240px;
	height:auto;
	list-style:none;
	font-size:22px;
	margin-bottom:25px;
	padding-left:12px;
	background: url(imagens/marcador_circulo_preto.gif) no-repeat;
	background-position: 0px 20px;
}

#ruaweb{
	float:left;
	text-align:left;
	width:240px;
	height:auto;
	list-style:none;
	font-size:14px;
	margin-bottom:25px;
	padding-left:12px;
	background: url(imagens/marcador_circulo_preto.gif) no-repeat;
	background-position: 0px 20px;
}

#ruaweb a{
	text-decoration:none;
	color:#000;
}

#ruaweb p:hover{
	text-decoration:underline;
}

#nuvem_tags a{
	color:#000;
	text-decoration:none;
}

#menu li{
	font-size:13px;
	color:#000;
	font-weight:bold;
	line-height:25px;
}

#leia_tambem li{
	font-size:12px;
	color:#000;
	line-height:25px;
}

#menu li a, #leia_tambem li a, #sobre a{
	color:#000;
	text-decoration:none;
}

#noticias li{
	font-size:13px;
	color:#000;
	margin-top:15px;
}

.noticias_title{
	float:left;
	width:100%;
	height:auto;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

.noticias_text{
	float:left;
	width:100%;
	height:auto;
	font-weight:normal;
	font-size:10px;
	margin-bottom:15px;
	text-decoration:none;
	color:#000;
}

.mais_comentados_thumb{
	float:left;
	width:75px;
	height:75px;
	border:solid 3px #E9E9E9;
}

.mais_comentados_thumb img{
	float:left;
	width:72px;
	height:72px;
	border:solid 3px #AFAFAF;
}

.mais_comentados_thumb img:hover{
	border:solid 3px #FFFFFF;
}

.mais_lidos_blank{
	float:left;
	width:100%;
	height:15px;
}

.mais_lidos_separador{
 	float:left;
 	width:100%;
 	height:13px;
 	background: url(imagens/separador.jpg) no-repeat right top;
 } 

.mais_lidos_item{
	float:left;
	width:240px;
	height:auto;
 	background: url(imagens/marcador_circulo_cinza.gif) no-repeat bottom left;
 	text-align:left;
 	color:#000;
 	font-size:11px;
 	padding-left:15px;
 	text-decoration:none;
}
 
#link_twitter{
	width:260px;
	float:left;
}

#link_twitter img{
	float:left;
}

#link_twitter_text{
	color:#026CCC;
	float:right;
	font-size:1.4em;
	height:100px;
	letter-spacing:0;
	text-align:right;
	text-decoration:none;
	width:167px;
}

#rodape {
	width:984px;
	margin:0px auto 0px auto;
	padding-top:40px;
	background-image: url(../imagens/bg_acabamento_baixo_site.gif) no-repeat;
}
#rodape a {
color:#000;
text-decoration:none;
}
#rodape a:hover { text-decoration:underline; }
#rodape_conteudo {
width:984px;
height:140px;
margin:0px auto;
padding-top:40px;
background-image: url(imagens/bg_acabamento_baixo_site.gif);
background-repeat:no-repeat;
}
#rodape_logos {
width:340px;
float:left;
font-size:11px;
}
#rodape_menu {
width:640px;
float:right;
font-size:12px;
text-align:left;
margin-top:10px;
}
#rodape_menu a {
margin-right:7px;
margin-left:7px;
font-size:11px;
}
.rodape_menu_linha { padding: 5px 0 5px 0; }
.tilt_menu_rodape {
width:180px;
text-align:right;
float:left;
font-weight:600;
font-size:13px;
}

/*#footer {
	width:984px;
	height:auto;
	margin:0px auto 0px auto;
	padding-top:40px;
	background-image: url(imagens/bg_acabamento_baixo_site.gif) no-repeat;
}

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

#footer_logos {
	width:300px;
	float:left;
	font-size:11px;
}

#footer_menu {
	width:650px;
	float:right;
	font-size:9pt;
	text-align:left;
	padding-bottom:10px;
}

#footer_menu p{
	width:100%;
	height:auto;
}

#footer_menu a{
	margin-right:4px;
	margin-left:4px;
	font-size:9pt;
	font-weight:normal;
}

#tilt_menu_rodape{
	width:180px;
	text-align:right;
	float:left;
	font-weight:bold;
	font-size:9pt;
	padding-right:10px;
	background-image:url(imagens/circulo_menu_rodape.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
}

#tilt_menu_rodape a{
	font-weight:bold;
}*/

/*
CLASSES :HOVER
*/

#menu li a:hover, #leia_tambem li a:hover, .noticias_title:hover, .noticias_text:hover, .mais_lidos_item:hover, #posts_previous:hover, #posts_next:hover, #link_twitter_text:hover, #footer a:hover, h2 a:hover, .posts_readmore:hover, .posts_text a:hover, #nuvem_tags a:hover, .comentario_nome a:hover{
	text-decoration:underline;	
}

.title_normal{
	color:#6B6B6B;
	font-size:20px;
	text-align:left;
	padding-left:12px;
}

.title_azul{
	color:#4FC0FF;
	font-size:22px;
	text-align:left;
	padding-left:12px;
	background:url(imagens/marcador_circulo_azul.gif) no-repeat left bottom;
}

#comentario {
	background-color: #F7F7F7;
	float:left;
	text-align:left;
	width:600px;
	height:auto;
	letter-spacing:1px;
	color:#5E5D5D;
	margin-bottom:20px;
}

.comentario_item{
	padding-left:10px;
	margin-bottom:15px;
	float:left;	
	width:600px;
	height:auto;
	background-color:#EFEEEE;
	border-bottom-color:#A8A5A5;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

#comentario_titulo {
}

#comentario_interior {
	float:left;
	width:575px;
	height:500px;
	padding-left:5px;
	padding-top:5px;
}

#comentario_area {
	width:315px;
	height:365px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #EFEEEE;
}

.comentario_item li {
	margin:10px 0px 15px 0px;
	background-color:#EFEEEE;
	padding:20px;
	list-style:none;
	border-bottom:#a8a5a5 1px dotted;
}

.comment-author, .comment-author a {
	font-weight:bold;
	font-size:12px;
	color:#000000;
	text-decoration: none;
}

.comment-meta { margin:20px 0; }

.comment-meta a {
	font-size:9px;
	color:#000000;
}

.reply {
	font-size:13px;
	color:#000000;
}

.url, .comentario_nome{
	font-weight:bold;
	text-decoration:none;
	color:#000;
	font-size:12px;
}

.comentario_meta{
	font-weight:normal;
	text-decoration:underline;
	font-size:10px;
}

.avatar{
	margin-right:10px;
}

.comentario_separador {
	width:auto;
	height:30px;
}

#comentario_form {
	float: left;
	width:220px;
	height:365px;
	padding-left:20px;
	background-color: #F7F7F7;
}

.com_campos {
	width:550px;
	font-size:1.3em;
	margin:5px 0px 5px 0px;
	padding:3px;
	border:#CCC 2px dotted;
}


#comentario_form textarea {
	width:215px;
	height:100px;
	border-style:solid;
	border-width:2px;
	border-color:#EFEEEE;
}

#com_submit {
	width:165px;
	height:25px;
	background-color: #182184;
	color:#FFFFFF;
	font-weight:bold;
}

#comentario_obs {
	float: left;
	width:570px;
	height:auto;
	margin-top:25px;
	font-size:10px;
	color:#8A8C95;
	background-color: #F7F7F7;
	margin-bottom:10px;
}


.comment-reply-link{
	height:30px;
	float:right;
	margin-top:5px;
	clear:both;
	color:#999;
	background-image:url(imagens/bt_resp_comentario.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	
}

.singletags{
	color:#000000;
	float:left;
	font-size:10pt;
	font-weight:bold;
	height:auto;
	margin-bottom:20px;
	margin-left:5px;
	margin-top:7px;
	text-align:left;
	width:100%;
}

.singletags a{
	color:#000 !important;
	font-weight:normal;
}

.singletags a:hover{
	color:#000000;
}

.linkcat{
	color:white;
}

pre{
	width:600px;
	height:auto;
	white-space: pre-wrap; /* css-3 */
 	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
 	white-space: -pre-wrap; /* Opera 4-6 */
 	white-space: -o-pre-wrap; /* Opera 7 */
 	word-wrap: break-word;
}

.bt_gen_fundo_azul {
	float:right;
	font-size:0.9em;
	font-weight:600;
	padding:7px 10px 7px 10px;
	background-color:#1b2081;
	text-align:center;
	color:#ffffff;
	text-decoration: none;
}

.primeiro_comentar{
	font-size:18px;
}

#info_generico{
	padding-left:18px;
	background-image:url(imagens/ico_assine_info.gif);
	background-repeat:no-repeat;
	color:#686868;
	font-size:8pt;
	margin:40px 0px 30px 15px;
	line-height:150%;
	clear:both;
}

#quadro_facebox{
	width:600px;
	margin:0px 0px 0px 0px;
}

#quadro_facebox_content{
	margin:0px 0px 0px 15px;
	font-size:1.2em;
	color:#000;
}
#quadro_facebox_content ul{
	margin:5px 0px 0px 15px;
}
.bt_gen_facebox_content {
	float: inherit;
	margin:10px auto 20px auto;
	font-size:0.9em;
	font-weight:600;
	padding:7px 20px 7px 20px;
	background-color:#1b2081;
	text-align:center;
	color:#ffffff;
	text-decoration: none;
}

strong{
	color:#000 !important;
	font-weight:bold;
}

strong span{
	color:#3FA9FF !important;
	font-size:18px;
}

.posts_meta{
	float:left;
	padding:5px;
	width:auto;
	height:auto;
	font-size:12px;
	color:#000000;
	background:#D9EFFC;
	text-align:left;
}

.posts_meta a{
	color:#3FA9FF !important;
	font-weight:bold !important;
	text-decoration:none;
}

.posts_baloon{
	float:right;
	padding-top:5px;
	width:45px;
	height:35px;
	font-size:14px;
	font-weight:bold;
	background:url(imagens/baloon.jpg) no-repeat;
	text-align:center;
}

.posts_baloon a{
	color:#3FA9FF !important;
	font-weight:bold !important;
	text-decoration:none;
}

#links_adicionais_hostnet{float:left; text-align:left; width:590px;}
#links_adicionais_hostnet h2{font-weight:normal;}
#links_adicionais_hostnet ul{margin-left:14px; list-style:none;}



#clientes_descr{
	float:left;
	width:auto;
	height:auto;
	margin-left:160px;
	color:#23257E;
}

#clientes_mini_menu{
	float:left;
	width:620px;
	height:450px;	
}

#clientes_mini_menu h2{
	color:#39AFFF;
	font-size:29px;
	text-align:left !important;
	font-weight:normal;
}

#clientes_links{
	float:left;
	text-align:left;
	width:100%;
	height:auto;
	list-style:none;
	font-size:22px;
	margin-bottom:25px;
	padding-left:12px;
	background: url(imagens/marcador_circulo_preto.gif) no-repeat left top;
}

#clientes_como_criar_meu_site{
	float:left;
	text-align:left;
	width:240px;
	height:auto;
	list-style:none;
	font-size:12px;
	margin-bottom:25px;
	padding-left:12px;
	background: url(imagens/marcador_circulo_preto.gif) no-repeat;
	background-position: 0px 20px;
}

#clientes_h1{
	margin:0;
	padding:0;
	width:auto;
	height:auto;
}

#clientes_h1 a{
	float:left;
	text-align:left;
	text-decoration:none;
	color:#23257E;
	font-weight:normal;
	font-size:35px;
	margin-top:30px;
	margin-left:155px;
	width:auto;
	height:auto;
}

#clientes_h1 a:hover{
	text-decoration:underline;
}

#clientes_top_search{
	float:left;
	width:320px;
	height:50px;
	padding-top:20px;
	padding-left:30px;
	margin-left:50px;
	margin-top:20px;
	text-align:left;
	background:url(imagens/search.jpg) no-repeat top center;
}

#clientes_sidebar{
	float:left;
	text-align:left;
	font-size:22px;
	width:100%;
	height:auto;
	list-style:none;
	margin-bottom:25px;
	padding-left:12px;
	background: url(imagens/marcador_circulo_preto.gif) no-repeat left top;
}

#clientes_sidebar li{
	font-size:12px;
}

.sociable{
	float:left;	
}

iframe{height:70px;}