/*  
Theme Name: HB Creative Design
Theme URI: http://www.hbcreativedesign.com
Version: 1.0
Author: Hian Battiston
Author URI: http://www.hbcreativedesign.com/
*/


/***Geral***/
body {
	padding:0px;
	margin:0px;
	background:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#343434;
}
/***/

/***Geral***/
div.geral {
	margin:0 auto;
	width:940px;
}
/***/

/***Top***/
div.top {
	background:url(images/top.jpg) no-repeat;
	width:900px;
	margin:0 auto;
	height:4px;
}
/***/

/**Logo***/
div.logo {
	width:100%px;
	margin:0 auto;
	height:150px;
	background:url(images/bg-sky.jpg) no-repeat center;
}

div.logo-logo {
	width:900px;
	margin:0 auto;
	height:150px;
	background:url(images/logo.png) no-repeat;
}
/**/

/***Botőes***/

ul.botoes {
	margin:0;
	padding:0;
	list-style:none;
}
a{
	font-weight:bold;
	color:#ff07b6;
	text-decoration:none;
}
a:hover{
	color:#B00085;
}

div.menu{
	height:46px;
	width:938px;
	background : #007feb;
    background : -webkit-gradient(linear, left top, left bottom, from(rgb(84,177,255)), to(rgb(0,95,169	)));
    background : -moz-linear-gradient(top, rgb(84,177,255), rgb(0,95,169));
	
	border-radius: 20px;
	
	behavior: url(border-radius.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	
	
}
div.menu ul.botoes{
	overflow:hidden;
	padding:0 0 0 7px;
	position:relative;
	z-index:100;
}
div.menu ul.botoes li{
	float:left;
	height:46px;
	text-align:left;
	font-size:12px;
	line-height:18px;
	margin-left:15px;
	padding-right:13px;
	border-right:1px solid #fff;
	display:inline;
	overflow:hidden;
}
div.menu span{
	font-size:9px;
	text-transform:lowercase;
	color:#fff;
	float:left;
	margin-top:-7px;
	display:inline;
	overflow:hidden;
}
div.menu ul.botoes li a{
	float:left;
	display:block;
	height:46px;
	padding:10px 0 5px 0;
	position:relative;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
	display:inline;
	overflow:hidden;
	text-shadow:#3da6ff 0px 0px 0px, #045497 0 -1px 1px;
}
div.menu ul.botoes li a{
	text-decoration:none;
	text-transform:uppercase;
}
div.menu ul.botoes li.active{
	height:46px;
	margin:0;
}
div.menu ul.botoes li.active a{
	height:46px;
	color:#FFF;
}
div.menu ul.botoes li.active a:hover{
	background: #fff;
	height:46px;
	padding-top:-2px;
}
div.menu ul.botoes li a span{
	text-shadow:#ffff 1px 1px 1px, #fff 0 -1px 1px;
	-webkit-transition-property: margin-top;;
	-webkit-transition-duration: 100ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: margin-top;
	-moz-transition-duration: 100ms;
	-o-transition-property: margin-top;;
	-o-transition-duration: 100ms;
	margin-top:-2px;
}
div.menu ul.botoes li a:hover span, div.menu ul.botoes li a:active span{
	height:46px;
	margin-top:-7px;
	color:#FFF;
	text-shadow:#007feb 1px 1px 1px, #045497 0 -1px 1px;
}

/***/

/***Tabela esquerda**/
div.left {
	background:url(images/top_tabela.jpg) top no-repeat;
	margin-top:10px;
	float:left;
	display:inline;
	overflow:hidden;
}
div.foto {
	background:url(images/hian.jpg) no-repeat;
	height:161px;
	width:180px;
	margin-top:10px;
}
div.left b {
	font-size:18px;
	font-weight:bold;
	float:left;
	display:inline;
	overflow:hidden;
}
.btleft{
	margin:0;
	padding:0;
	list-style:none;
	margin-top:-10px;
}
.btleft li{
	text-align:left;
	width:175px;
	background:url(images/top_tabela.jpg) no-repeat;
	text-decoration:none;
	padding-top:1px;
	height:28px;
}
.btleft li a, .btright li a{
	color:#343434;
	text-decoration:none;
	background : -webkit-gradient(linear, left top, left bottombottom, from(rgb(255,255,255)), to(rgb(255,7,182))); 
    -webkit-transition-property: background;  
    -webkit-transition-duration: 500ms;  
    -moz-transition-property: background;  
    -moz-transition-duration: 500ms;  
	width:175px;
	height:23px;
	display:block;
	font-weight:bold;
	padding-top:5px;
	padding-left:5px;
}
.btleft li a:hover{
	color:#fff;
	width:175px;
	height:23px;
	background:#ff07b6;
	font-weight:bold;
}
.btleft .sep {
	height:20px;
}

div .feedbt img{
	float:right;
	margin-top:5px;
	*margin-top:-5px; /*para IE*/
	margin-right:15px;
	display:inline;
	overflow:hidden;
	*border:none; /*para IE*/
}
div .feedbt a:hover img {
	float:right;
	margin-top:6px;
	*margin-top:-4px; /*para IE*/
	margin-right:16px;
	display:inline;
	overflow:hidden;
	*border:none; /*para IE*/
}
/***/

/***Tabela Centro***/
div.centro {
	width:490px;
	margin-left:43px;
	margin-top:10px;
	float:left;
	display:inline;
	overflow:hidden;
	*margin-left:225px; /*para IE6 e IE7*/
}
div.linhac {
	background:url(images/top_centro.jpg) top no-repeat;
	height:1px;
	width:490px;
	margin:0;
	padding:0;
}
div.crio {
	background:url(images/crio.jpg) no-repeat;
	width:490px;
	height:308px;
	
}
div.publicado {
	width:483px;
	display:block;
	background:#eaeaea;
	height:25px;
	padding-top:7px;
	padding-left:7px;
}
div.publicado a{
	font-weight:bold;
	color:#ff07b6;
	text-decoration:none;
}
div.publicado a:hover{
	color:#B00085;
}
div.logocentro{
	width:490px;
	height:233px;
	margin-top:10px;
}
div.texto{
	margin-top:10px;
	text-align:justify;
}

div.centro h1{
	text-shadow:#fff 0px 1px 1px, #ccc 0 -1px 1px;
}

div.texto a{
	font-weight:bold;
	color:#ff07b6;
	text-decoration:none;
}
div.texto a:hover{
	color:#B00085;
}
div.centro h1 a{
	font-weight:bold;
	color:#343434;
	text-decoration:none;
}
div.centro h1 a:hover{
	color:#666;
}
div.sep {
	height:10px;
	width:490px;
	background:#999;
	margin-top:10px;
	margin-bottom:10px;
}
/***/

/***Tabela direita**/
div.right {
	background:url(images/top_tabela.jpg) top no-repeat;
	width:180px;
	margin-top:10px;
	float:left;
	margin-left:43px;
	display:inline;
	overflow:hidden;
}
div.foto {
	background:url(images/hian.jpg) no-repeat;
	height:161px;
	width:180px;
	margin-top:10px;
}
div.right b {
	font-size:18px;
	font-weight:bold;
	float:left;
	display:inline;
	overflow:hidden;
}
.btright{
	margin:0;
	padding:0;
	list-style:none;
	margin-top:-10px;
}
.btright li{
	text-align:left;
	width:175px;
	background:url(images/top_tabela.jpg) no-repeat;
	text-decoration:none;
	padding-top:1px;
	height:28px;
}
.btright li a:hover{
	color:#fff;
	width:175px;
	height:23px;
	background:#ff07b6;
	font-weight:bold;
}
.btright .sep {
	height:20px;
}

div .feed{
	margin:auto;
	background:#F0F0F0;
	border:1px #999;
}

div .banner{
	margin-left:20px;
}
	
/***/

/***Rodape***/
div.rodape{
	background:url(images/top_rodape.jpg) top no-repeat;
	width:940px;
	float:left;
	display:inline;
	overflow:hidden;
}
div.direitos{
	float:left;
	display:inline;
	overflow:hidden;
}
div.direitos a{
	font-weight:bold;
	color:#ff07b6;
	text-decoration:none;
}
div.direitos a:hover{
	color:#B00085;
}
div.visita{
	margin-left:655px;
}
div.logorodape{
	background : #007feb;
    background : -webkit-gradient(linear, left top, left bottom, from(rgb(84,177,255)), to(rgb(0,95,169	)));
    background : -moz-linear-gradient(top, rgb(84,177,255), rgb(0,95,169));  
	border-radius: 15px;
	behavior: url(border-radius.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	width:938px;
	border:1px #999;
	height:79px;
	margin-top:10px;
}
div.logorodape img{
	padding-top:10px;
	padding-left:10px;
	z-index:101;
	position:relative;
}
/***/

/***Blackquote***/
blockquote {margin: 0 30px 10px 10px; padding-left: 20px; border-left: 5px solid #ff07b6; }

/***/

/***Portfolio***/
#designlogo, #designimpresso, #webdesign, #trabalhopessoal, #bottomport, #videos{
	float:inherit;
	width:490px;
	padding:0px;
	margin-top:10px;
	overflow:hidden;
}

.picture {
	float:left;
	width:153px;
	height:153px;
	border:1px solid #999;
	margin-left:8px;
	margin-top:8px;
	display:block;
	text-align:center;
	display:block;
	overflow:hidden;
	-webkit-box-shadow: 2px 5px 5px #666;
	-moz-box-shadow: 2px 5px 5px #666;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=5);
}

.hrport{
	border: solid 1px #FFF;
}
.pictureinside a img{
	-webkit-transition-property: border;  
    -webkit-transition-duration: 250ms;  
    -moz-transition-property: border;  
    -moz-transition-duration: 250ms;
	display:block;
	margin: 0 auto;
	margin-top:4px;
	float:inherit;
}
.pictureinside a:hover img{
	border:4px solid #999;
	margin-top:0px;
}

/***/

/***Perguntas Frequentes***/
.perguntas {
	margin:0px;
	list-style:decimal;
}
.perguntas li a:hover{
	text-decoration:underline;
}
/***/

/***Questionario***/
div.texto input.id, textarea {
	color:#ff07b6;
	font-style:italic;
	font-weight:bold;
	width:350px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

div.questionario{
	background:#F4F4F4;
	width:400px;
	padding-left:40px;
}

.enviar {
	margin-left:150px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:103px;
	height:35px;
}
/***/

/**UL Logob***/
ul .logob{
	list-style:
}
ul .num{
	list-style:decimal;
}

ul .seta{
	list-style:url(images/seta.gif);
}
/**Comentários**/

div.coment{
	background:#F3F3F3;
}

div.coment h2{
	color:#ff07b6;
	font-style:italic;
	font-size:16px;
}

div.coment hr{
	border:1px dashed #CCC;
}
div.coment h4{
	margin-top:-30px;
	*margin-top:-20px;
	margin-left:420px;
	font-weight:normal;
}

div.coment h3{
	margin-top:-6px;
	font-style:italic;
	font-size:13px;
}
div.coment strong{
	margin-top:-6px;
	font-weight:normal;
}
/* Tutoriais */
div.imgtuts{
	margin:0 auto;
}
.imgtuts a img{
	-webkit-transition-property: border;  
    -webkit-transition-duration: 250ms;  
    -moz-transition-property: border;  
    -moz-transition-duration: 250ms;
	display:block;
	border:4px solid #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.imgtuts a:hover img{
	border:4px solid #ff07b6;
	margin-top:0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}