/*   
Theme Name: how about
Theme URI: http://www.acorespro.com
Description: A template made by Amarino França to his blog, <a href="http://afolio.info/">how about</a>
Author: Amarino França
Author URI: http://afolio.info/howabout
Version: 1.0
*/

/* O Reset */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{
margin: 0; 
padding: 0;
border: 0; 
outline: none;
}

body
{
line-height:150%;
}

h1, h2, h3, h4, h5, h6
{
font-size: 100%;
}

ul, ol
{
list-style: none;
}

a
{
color:#29abe2;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

.floatLeft
{
float: left;
padding: 5px 5px 5px 0;
}

.floatRight
{
float: right;
padding: 5px 0px 5px 5px;
}

/* Let's begin the code... For real! */

@font-face{
font-family: 'Calibri';
src: url('calibrib.ttf');
}

body{
background:#fff url('img/bg_geral.jpg') 25% 30% no-repeat;
font-family:Verdana, Lucida Grande, Trebuchet MS, Helvetica, sans-serif;
color:#666;
font-size:12px;
text-align:center;
}

#wrapper{
width:100% !important;
margin:0px auto;
text-align:center;
top:0;
left:0;
position:absolute;
font-size:12px;
}

#header{
width:100%;
height:85px;
margin:0px auto;
background:url('img/header_bg.png') top repeat-x;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.dentro{
margin-left:auto;
margin-right:auto;
width:960px;
}

.logo img{
margin-top:22px;
width:275px;
}

.user{
font-size:10px;
 color:#fff;
 float:left;
 width:250px;
 margin-left:-260px;
margin-top:9px;
}

.user a{
margin-right:15px;
color:#fff;
}

#nav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	margin-top:57px;
}

#nav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; 
}

#nav .divisao{
margin-left:1px;
padding-right:7px;
background:url('img/divisao.png') right bottom no-repeat;
padding-bottom:2px;
}

#nav li a {
	float: left;
	height: 26px;
	text-indent: -9999px;
	color:#fff;
}

#nav li:hover a, #nav li a:hover {  }

#nav a.portfolio {
	background: url(img/portfolio.png) no-repeat;
	width: 85px;
}

#nav a:hover.portfolio {
	background: url(img/portfolio_hover.png) no-repeat;
	width: 85px;
}

#nav a.informatica {
	background: url(img/informatica.png) no-repeat;
	width: 95px;
}

#nav a:hover.informatica {
	background: url(img/informatica_hover.png) no-repeat;
	width: 95px;
}

#nav a.webdesign {
	background: url(img/sites.png) no-repeat;
	width: 95px;
}

#nav a:hover.webdesign {
	background: url(img/sites_hover.png) no-repeat;
	width: 95px;
}

#nav a.publicidade {
	background: url(img/publicidade.png) no-repeat;
	width: 95px;
}

#nav a:hover.publicidade {
	background: url(img/publicidade_hover.png) no-repeat;
	width: 95px;
}

#nav a.video {
	background: url(img/video.png) no-repeat;
	width: 70px;
}

#nav a:hover.video {
	background: url(img/video_hover.png) no-repeat;
	width: 70px;
}

#nav a.merchandising {
	background: url(img/merchandising.png) no-repeat;
	width: 105px;
}

#nav a:hover.merchandising {
	background: url(img/merchandising_hover.png) no-repeat;
	width: 105px;
}

#nav a.imagem {
	background: url(img/imagem.png) no-repeat;
	width: 105px;
}

#nav a:hover.imagem {
	background: url(img/imagem_hover.png) no-repeat;
	width: 105px;
}

#nav li .sub {
	position: absolute;
	top: 0px; 
	left: -100px;
	background: #fff repeat-x;
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	-webkit-box-shadow: 0px 2px 5px 0px #aaaaaa;
	-moz-box-shadow: 0px 2px 5px 0px #aaaaaa;
	box-shadow: 0px 2px 5px 0px #aaaaaa;  
	padding:10px 0px 10px 22px;
	float: left;
	z-index:2;
	margin-top:26px;
}

.portfolio2{
width:auto;
}

#nav li .sub ul{
	list-style: none;
	margin: 0; 
	padding: 0;
	width: 145px;
	display:inline;
	float: left;
}

#nav li ul.vertical{
list-style:none;
margin:0px auto;
width:70px;
float:none;
margin-top:5px;
}

.bg_site{
background:url('img/site.png') left no-repeat;
}

.bg_img{
background:url('img/img.png') left no-repeat;
}

.bg_video{
background:url('img/video.gif') left no-repeat;
}

.zindex{
position:relative;
z-index:10;
float:left;
width:70%;
}

#nav ul.vertical li{
list-style:none;
margin:0px auto;
width: 20px;
color: #fff;
text-align:left;
}

#nav .sub ul li {
	width: 145px;
	color: #fff;
	text-align:left;
}

#nav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-weight: bold;
	width:135px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

#nav .sub ul li h2 a {
	padding: 2px 0;
	background-image: none;
	color: #29abe2;
	font-size: 14px;
}

#nav .sub ul li h2 a:hover{
color:#29abe2;
}

#nav .sub ul li a {
	float: none;
	text-indent: 0;
	padding: 0px 0px 0px 16px;
	text-decoration: none;
	color: #666;
	font-size:11px;
	background:url('img/setita.png') left no-repeat;
}
#nav .sub ul li a:hover {
	color: #000;
}

.tabela_comparativa th{
background:#29abe2;
padding:0px 5px 0px 5px;
text-align:center;
height:20px;
color:#fff;
font-size:11px;
}

.tabela_comparativa th a{
color:#fff;
}

.tabela_comparativa th a:hover{
text-decoration:underline;
}

.tabela_comparativa tr td{
text-align:center;
font-size:10px;
height:20px;
background:#e6f2f7;
color:#333;
}

.tabela_comparativa td.left_table{
background:#13698e;
color:#fff;
}


#container{
margin:0px auto;
width:960px;
position:relative;
}

#content{
text-align:justify;
width:960px;
margin:0 auto;
font-size:12px;
}


#post{
float:left;
color:#666;
font-size:11px;
width:311px;
min-height:400px;
}

#single-post{
float:left;
background:url('img/top_single.png') left top no-repeat;
width:960px;
margin-top:15px;
font-size:12px;
}

.single-inside{
width:960px;
background:url('img/mid_single.png') center repeat-y;
margin-top:10px;
float:left;
}

.single-inside img{
margin:5px;
}

.single-texto{
float:left;
}

.single-texto table{
font-size:12px;
}

.single-title{
font-size:18px;
margin-bottom:20px;
margin-top:20px;
}

.proText{
height: 415px;
width:286px;
float:left;
padding:15px 15px 0px 13px;
background:url('img/bg_protext.png') top left no-repeat;
line-height:205%;
}

#news{
width:250px;
background:transparent;
list-style:none;
float:right;
margin-top:15px;
}

.bottompro{
width:286px;
background:url('img/bg_protext.png') bottom left no-repeat;
float:left;
padding:1px 15px 0px 14px;
}

.bottom{
width:311px;
background:url('img/bottom_single.png') bottom no-repeat;
}

.titulo{
padding-left:20px;
margin-top:10px;
margin-bottom:30px;
color:#fff;
font-size:26px;
}

.inside{
width:311px;
margin-bottom:20px;
margin-top:30px;
float:left;
}

.meta1{
width:311px;
float:left;
margin-top:5px;
}

.comments{
width:44px;
height:44px;
margin-left:3px;
float:right;
background:url('img/comment.png') left top no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
padding:9px 15px 10px 15px;
font-weight:bold;
margin-top:10px;
}

.comments a{
color:#fff;
}

.comments a:visited{
}

.comments a:hover{
color:#003040;
text-decoration:none;
}

#data{
width:311px;
float:left;
}

.texto{
width:311px;
margin-bottom:30px;
float:left;
padding:5px;
background:url('img/bg_post.png') left top no-repeat;
}

.texto h2{
float:left;
width:311px;
margin-top:10px;
margin-left:10px;
}

.texto h2 a{
font-family:Arial, Geneva, Helvetica, sans-serif;
font-size:16px;
color:#666;
}

.excerto{
width:311px;
float:left;
padding-top:10px;
}

.img{
float:right;
margin:20px 5px 0px 5px;
display:block;
top:0;
left:0;
width:285px;
height:185px;
}

.img img{
margin:10px;
width:285px;
height:185px;
float:right;
}

.meta{
float:right;
width:490px;
}

.commentlist{
float:left;
width:700px;
font-size:12px;
}

.commentlist .quote {
	}

.commentlist li {
 	padding: 5px 18px 22px 18px;
	margin-top:15px;
	color:#e4edee;
	font-size:12px;
	}

.commentlist cite {
	display:block;
	font-size:12px;
	font-style:normal;
	}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#75a600;
	font-style:normal;
	text-decoration:none;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	text-decoration:none;
	color:#fff;
	}
	
.autor{
font-size:18px;
font-weight:bold;
text-transform:uppercase;
}

.detalhes a{
color:#fff;
}
	
#sidebar{
width:595px;
float:right;
list-style:none;
text-align:right;
}

.sidebar-titulo{
width:280px;
height:25px;
font-family:Geneva, Arial, Verdana, Helvetica, sans-serif;
font-size:15px;
text-transform:uppercase;
text-align:left;
color:#29aae3;
font-weight:bold;
background:url('img/sidebar.png') no-repeat center top;
float:left;
margin-left:0;
}

.MailPressFormSubmit{
background:#29ABE2;
color:#FFFFFF;
font-weight:bold;
font-size:11px;
padding:4px 2px 4px 2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.MailPressFormName{
padding:2px;
border:1px solid #333;
}

input.MailPressFormName:hover{
border:1px solid #29ABE2;
}

.MailPressFormEmail{
padding:2px;
border:1px solid #333;
}

input.MailPressFormEmail:hover{
border:1px solid #29ABE2;
}
.widget{
float:left;
}

.textwidget h3{
float:left;
}

.textwidget a{
font-size:11px;
font-weight:bold;
}

.posicao{
width:250px;
float:left;
text-align:left;
}

.wp-pagenavi{
margin-top:20px;
margin-bottom:20px;
float:left;
width:960px;
}


#footer{
width:100% !important;
background:url('img/footer_bg.png') bottom repeat-x;
margin-top:40px;
float:left;
}

.contactos{
margin-top:240px;
margin-left:-100px;
float:left;
}

#dentro{
margin:0 auto;
width:960px;
text-align:left;
min-height:399px;
background:url('img/footer_gd.png') left bottom no-repeat;
}

#dentro li{
list-style:none;
}

        .graphic, #header h1, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }

		#content:after, ul:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		#content, ul{
			display:block;
			}
		/*  \*/
		#content, ul{
			min-height:1%;
			}
		* html #content, * html ul{
			height:1%;
			}

	.col{
		float:left;
		display:inline;	
		width:299px;	
		margin-left:36px;
		padding:0 0 1em 0;
		}
	.full{
		clear:both;	
		padding:1em 36px;
		}	
	
	.left{
		float:left;
		margin-top:.5em;
		margin-right:15px;
		}			
	.left img{
		border:1px solid #e1e1e1;
		border-top:1px solid #e8e8e8e8;
		border-left:1px solid #e8e8e8e8;
		background:#f1f1f1;
		padding:5px;
		}				
			
		#slider ul, #slider li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#slider, #slider li{ 
			height:280px;
			width:860px;
			overflow:hidden;
			margin:0px auto;
			background:url('img/bg_slide.png') bottom left no-repeat;
			}	
		#slider{ 
		margin-left:54px;
		margin-right:10px;
		float:left;
		margin-top:40px;
		}	
		
		
		#prevBtn, #nextBtn{ 
			display:block;
			width:37px;
			height:42px;
			position:absolute;
			left:10px;
			top:150px;
			
			}	
		#nextBtn{ 
			left:920px;
			}														
		#prevBtn a, #nextBtn a{  
			display:block;
			width:37px;
			height:42px;
			background:url(img/seta_slideshow_left.png) no-repeat 0 0;	
			}	
		#nextBtn a{ 
			background:url(img/seta_slideshow_right.png) no-repeat 0 0;	
			}	

		#prevBtn a:active, #nextBtn a:active{  
			display:block;
			width:37px;
			height:42px;
			background:url(img/active_l.png) no-repeat 0 0;	
			}	
		#nextBtn a:active{ 
			background:url(img/active.png) no-repeat 0 0;	
			}				

	.col strong, .full strong{
		padding:0 2px;
		background:#f1f1f1;
		}
	.col a, .full a{
		font-weight:bold;
		text-decoration:underline;
		}		


	.full ul, .full li{
		margin:0;
		padding:0;
		list-style:none;
		}
	.full li{
		padding:3px 15px;
		background:#f1f1f1;
		margin-bottom:1px;
		}
		
		
		
		
		
		
		
ul.music,
ul.music li,
ul.music li a,
ul.music li img{
margin:0;
padding:0;
list-style:none;
border:0;
text-decoration:none;
}
			ul.music li{
				margin:15px 0 15px 0;
				float:left;
				position:relative;
			}
			ul.music li a{
				display:block;
				position:relative;
				float:left;	
				width:125px;
				height:175px;
				text-indent:-1000em;
				overflow:hidden;
				z-index:1;						
			}
			ul.music li img{
				position:absolute;
				width:245px;
				border:0;
			}
			
			/* Jewel Case */
			ul.music li.jewel img{
				width:121px;
				height:170px;
				top:3px;
				left:3px;
			}			
			ul.music li.jewel a{
				background:url(img/capa.png) 0 0 no-repeat;
				width:125px;
				height:175px;							
			}
			ul.music li.jewel{
				background:url(blank_insert.gif) 12px 3px no-repeat;							
			}
			
		
		
		
		
		
		
		
		
		
		
		
		ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
	}

.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	background:url(http://www.yoursite.com/images/bg_comments2_cite.gif);
	border-top:1px solid #d6e4c1;
	border-bottom:1px solid #779d42;
	color:#596e3b;
	}	

.commentlist a:link, .commentlist a:visited {
	color:#596e3b;
	}

.commentlist a:hover, .commentlist a:active {
	color:#8ec343;
	}

.commentlist cite img {
	padding:1px;
	border:1px solid #aab59a;
	float:left;
	margin-right:9px;
	}

.commentlist .author {
	font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	}

.commentlist .time {
	background: url(http://www.yoursite.com/images/bg_clock.gif) no-repeat 1px;
	padding-left:13px;
	}

.commenttext {
	background: #9bc561 url(http://www.yoursite.com/images/bg_comments2_text.jpg) repeat-x bottom;
	border-top:1px solid #c5f386;
	padding: 0 20px 10px 20px;
	color:#fafcf6;
	}

		
		
.navigation{
float:left;
width:960px;
font-size:12px;
text-align:right;
}