/*
Theme Name: Buzas
Theme URI: http://buzas.com.br
Description: Buzas
Version: 1.0
Author: Visie Padrões WEB
Tags: 
*/

/**********
	CSS RESET
**********/
* {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	text-decoration:none;
}

a{text-decoration:none; color:	#314D77;}
a:hover {text-decoration:none; color:#666;}
a:active {text-decoration:none; color:#666;}
a img {border:0 none;}
fieldset{border:none;}

h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}
h1, h2, h3, h4, h5, h6 { line-height: 1em; }

/* Formatação WP */
p img { padding: 0; max-width: 100%; line-height:20px; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft {	padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
.fright{float: right;}
.fleft{float: left;}
.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto; clear:both;}
.wp-caption-text { font-size:11px; font-style:italic; color:#666; vertical-align:top; text-align:center;}


.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility: hidden;
}
*.clearfix {display:inline-block;}
*html .clearfix {height: 1px;}
.clearfix {display: block;}


/* Base */
html{ background:url(images/bg_buzas.jpg) repeat; }
#geral{
	width:980px;
	margin: 0 auto;
}

/* Header */
#header {
	background:url(images/bg-content-top.jpg) no-repeat center bottom; /* Borda arredondada do topo do conteúdo;*/
	padding-bottom:15px;
	z-index:20;}
	#header h1{ /* Logo */
		float:left;
		display:inline;
		margin-left:30px;
		width:263px;
		height:100px; }
		#header h1 a{
			width:263px;
			height:100px;
			display:block;
			text-indent:-9999px;
			outline:0 none;
			background:url(images/buzas.jpg) no-repeat; }
	#header #language{ /* Escolha da linguagem	 */
		position:absolute;
		right:0;
		width:215px;
		color:#ddd;
		font:10px arial, verdana, georgia, tahoma, serif; }


#header #language span{float:left;}
#header #language a{
	float:left;
	background:url(images/bglanguage.png) no-repeat 0 -35px;
	margin-left:5px;
	width:28px;
	height:36px;
	padding:6px 0 0 12px;

}
#header #language a.port small{
	background:url(images/brasilpq.png) no-repeat;
	float:left;
	width:32px;
	height:32px;
	text-indent:-9999px;
}
#header #language a.eng small{
	background:url(images/usapq.png) no-repeat;
	float:left;
	width:32px;
	height:32px;
	text-indent:-9999px;
}
#header #language a:hover{
	background:url(images/bglanguage.png) no-repeat;
	padding:0px 20px 0px 0px;

}
#header #language a:hover small{float:left;margin:7px;}
#header #language a.port:hover small{background:url(images/brasilgd.png) no-repeat;}
#header #language a.eng:hover small{background:url(images/usagd.png) no-repeat;}


/** Header > Menu Institucional **/
#header #institucional{
	float:right;
	margin-top:70px; }
	#header #institucional li{
		float:left;
		font:12px arial, verdana, georgia, tahoma, serif;
		color:#314D77; }
		#header #institucional li a{
			color:#000;
			font-weight:bold;
			text-decoration:underline;
			padding:0 10px; }

/** Header > Menu **/
#header #menu{
	clear:both;
	background:url(images/bg-menu.jpg) no-repeat top center;
	font:17px/16px Trebuchet MS, Verdana, Tahoma, Arial, sans-serif;
	padding:0 15px;
	height:50px;
	position:relative;
	z-index:8; } 
	#header #menu li{
		margin-top:13px;
		float:left;
		position:relative; }
		#header #menu li a{
			color:#2B3038;
			border-right:1px solid #ccc;
			border-left:1px solid #fff;
			padding:0 35px;	}
			.en #header #menu li a{ padding:0 28px; }
			#header #menu li li a,
			.en #header #menu li li a { padding:0 7px; }
			#header #menu li a:hover {text-decoration:none; color:	#094c9b; }
			#header #menu li a:active {text-decoration:none; color:	#094c9b; }
		#header #menu li.page-item-5 a,
		#header #menu li.page-item-559 a {border-left:none;}
		#header #menu li.page-item-14 a,
		#header #menu li.page-item-555 a {border-right:none;}
	#menu ul {
		background:#fff;
		border:1px solid #999;
		display:none;
		overflow:hidden;
		position:absolute;
		top:16px;
		left:0;
		z-index:9; }
		#header #menu ul li { 
			padding:5px 0;
			margin:0;
			border-bottom:1px solid #999;
			float:none; }
			#header #menu ul a {
				border:0 none;
				font-size:13px;
				margin:0;
				display:block;
				overflow:visible;
				text-decoration:none; }
	#header #langTab { 
		/*position:absolute;
		right:30px;
		top:10px;*/
		float:right; }
		#header #langTab li { 
			float:left; 
            padding-left:10px;
			}



#main {
	clear:both;
	background: url(images/bg-content.jpg) repeat-y 5px 0;
	padding:0 20px;
	font:13px/17px Arial, Verdana, Tahoma, sans-serif;
	min-height:350px;
	height:auto !important;
	height:350px;
	color:#333;}
	
/* Homepage */
/** Slider **/
#main .slider { position:relative }
	#main .slider ul {
		z-index:10;
		height:300px;
		width:345px;
		float:right; }		
		#main .slider ul li {
			margin:0;
			float:left;			
			width:345px;}
		#main .slider ul img {
			position:absolute; 
			left:0;
			top:0; }
	#main .slider ul h2 {
		font:13px/14px Arial, Verdana, Tahoma, serif;
		z-index:2;
		padding:0;
		margin:0;
		position:relative; }
		#main .slider ul a {
			background:url(images/bg-slider.gif) repeat-y right;
			display:block;
			padding:0 40px 0 65px;
			height:75px;
			color:#666; }
			#main .slider ul a:hover,
			#main .slider ul li.active a{
				background:url(images/bg-slider-over.gif) no-repeat right;
				color:#fff; 	}
				#main .slider ul a:hover strong, 
				#main .slider ul li.active a strong { color:#fff; }
			#main .slider ul strong {
				font:22px/20px Trebuchet MS, Verdana, Tahoma, Arial, serif;
				letter-spacing:-1px;
				color:#444;
				padding-top:10px;
				display:block; }
	#main .slider a.readMore {
		display:block;
		text-align:right;
		font:11px/17px Arial, verdana, georgia, tahoma, serif;
		color:#666;
		text-decoration:underline; }

/** Destaques **/
#main #highlights { 
	clear:both; 
	margin:15px 0 25px;
}
	#main #highlights div {
		float:left;
		width:290px;
		margin-left:15px;
        line-height:20px;   
		display:inline; }
		#main #highlights h2 {
			font:bold 28px/1em Trebuchet MS, Arial, verdana, georgia, tahoma, serif;
			letter-spacing:-1px;
			color:#2B3038;
			margin:0 0 10px 0; }
		#main #highlights div a.bookmark {
			display:block;
			background:url(images/next.png) no-repeat center right;
			font-weight:bold;
			text-decoration:underline; 
			margin-top:5px;
			padding-right:18px;
			text-align:right;}

/** Novidades **/
#main #novidades {
	font:13px/17px Arial, verdana, georgia, tahoma, serif;
	color:#444;
	background:#e8e8e8;
	padding:15px 20px; } 
	#main #novidades h2 { 	
		letter-spacing:-1px;
		color:#444;
		font:bold 22px Trebuchet MS, Arial, verdana, georgia, tahoma, serif;
		padding:0 20px 0 0; }
		#main #novidades h2 span{
			float:left; }
		#main #novidades h2 a.feed{
			font:11px/17px Arial, verdana, georgia, tahoma, serif;
			color:#666;
			text-decoration:underline;
			padding-right:20px;
			background:url(images/feed.gif) no-repeat right;
			float:right;
			letter-spacing:0; }
	#main #novidades .entries  {
		overflow:hidden;
		border-right:1px solid #ccc;
		float:left;
		padding-bottom:15px;
		width:615px; }
		#main #novidades .entries div{
			float:left;
			width:180px;
			margin-right:25px; }
		#main #novidades h3{
			color:#2B3038;
			font:bold 15px/1.3em Trebuchet MS, Arial, verdana, georgia, tahoma, serif;
			letter-spacing:-1px;
			padding-bottom:5px; }
	#main #novidades .formulario {
		float:left;
		width:245px;
		padding:0 0 0 25px;
		border-left:1px solid #fff; }
		#main #novidades form{ margin:15px 0; }
			#main #novidades form input { padding:3px; }
			#main #novidades form label{
				display:block;
				padding:0 0 3px 0; }
				#main #novidades form label span{
					float:left;
					width:60px;
					padding:5px 0 0 0; }
			#main #novidades form .enviar {
				float:right;
				padding:0 10px;
				margin-top:10px; }

/* Interna > Sidebar */
.sidebar {
	background:url(images/bg-sidebar.jpg) no-repeat  right 15px; 
	float:left;
	display:inline;
	width:220px;
	padding:0 30px 30px 0; 
	margin:10px 0 30px 10px;
	font-size:14px; 
	min-height:300px;
	height:auto !important;
	height:300px; }
	.sidebar h2 { 
		font-size:15px; 
		font-family:trebuchet ms, verdana, arial;
		color:#666;
		letter-spacing:-.01em; 
		text-transform:uppercase; }
		.sidebar h2 a { color:#666; }
	.sidebar h3 { 
		color:#666666;
		border-top:1px solid #f1eee7;
		font-family:trebuchet ms, verdana, arial;

		font-size:16px;
		letter-spacing:-.01em;
		padding-top:10px;
		margin:10px 0 0; }
	.sidebar a:hover { text-decoration:underline; }
	.sidebar p {
		margin-top:.5em;
		line-height:1.3em;}
	.sidebar .archive { 
		font-weight:bold;
		display:block;
		text-align:right; 
		margin-top:1em;}

/* Interna > Conteúdo */
.content {
	float:right;
	width:660px;
	font:13px/1.5em Arial, Verdana, sans-serif;
	color:#333;
	padding:10px 0 30px;
	margin-right:15px;
	display:inline;}
	.content img {
	border:2px solid #EFEFEF;}
	.content p { margin-bottom:10px; }
		.content .description {
			font-style:italic;
			font-size:1.2em;
			font-style:italic;}
	.content a{ 
		text-decoration:none;
		color:#314D77;}
	
	.content ul, .content ol {margin-bottom:10px;}
		.content ul li { 
			list-style:disc; 
			list-style-position:inside;
			margin-bottom:5px;}
		.content ol li { 
			list-style:decimal; 
			list-style-position:inside;
			margin-bottom:5px;}
	.content .path li { margin:0; }
		.content .path li { 
			list-style:none;
			text-transform:uppercase; }

	table {border-collapse: collapse;}
	.content h2.title {
		border-bottom:1px solid #314D77;
		font-size:28px;
		margin:0 0 5px;
		padding-bottom:5px;
		clear:both; }

	.content h1, .content h2, .content h3, 
	.content h4, .content h5, .content h6 {
		font-family: Trebuchet Ms, Helvetica, Arial, Verdana, sans-serif;
		color: #333333; 
		line-height:1em;
		margin:.7em 0 .3em;
		font-weight:bold;
		letter-spacing:-.05em; } 
	.content h1 {font-size: 3em;}
	.content h2 {font-size: 28px;}
	.content h3 {font-size: 20px;}
	.content h4 {font-size: 16px; color: #314D77;}
	.content h5 {font-size: 14px;}
	.content h6 {font-size: 12px;}
	
	.content h2 span {font-size: .8em; color:#666; font-weight:normal; letter-spacing:-.1em}
	
	form { vertical-align:top; }
		form fieldset { clear:both; }
			form legend { 
				font-weight:bold;
				color:#333; }
		form label {
			clear:both;
			display:block;
			overflow:hidden;
			padding:5px 0; }
			
		.content form p {
			padding:5px 0;
			margin-bottom:0;}
		
		.content form em.obs {
			color:red;
			display:block;
			clear:both;
			margin-left:130px;
		}
			
		form .wpcf7-list-item { display:block;}
		span.wpcf7-form-control-wrap  { float:left; }
		form strong {
			clear:left;
			float:left;
			margin-right:10px;
			text-align:right;
			width:230px;
			font-weight:normal; }
		form .multi-labels {
			clear:both;
			padding:3px 0; }
			form .multi-labels label {
				clear:none;
				float:left;
				margin-right:10px;
				padding:0;}
			form .multi-labels strong { font-weight:normal; }
		form .indent { 
			margin-left:240px;
			padding:4px 6px;}


/* Footer */
#footer {
	margin-bottom:70px;
	padding:20px 30px 0;	
	background:url(images/bg-content-bottom.jpg) no-repeat center top; }
	.vcard #address {
		font:13px/15px Arial, verdana, georgia, tahoma, serif;
		color:#314D77;
		float:left;
		width:370px;
		border-right:1px solid #777;
		background:url(images/bt-footer-buzas.jpg) no-repeat; }
		#address h1{
			padding:12px 0 5px 0;	
			font:bold 19px/17px Arial, verdana, georgia, tahoma, serif;
			overflow:hidden;
			letter-spacing:-1px;
			margin-left:80px;
			color:#314D77; }
		#address p { margin-left:80px; }

	.vcard #contact {
		float:left;
		width:285px;
		color:#314D77;
		border-right:1px solid #777;
		border-left:1px solid #fff;
		padding:5px 0;
		font:bold 20px/21px Arial, verdana, georgia, tahoma, serif;
		letter-spacing:-1px;
		text-align:right;}
		.vcard #contact p { margin:0 15px}
		.vcard #contact strong{
			font:bold 18px/18px Arial, verdana, georgia, tahoma, serif;
			letter-spacing:0;
			text-align:left;
			float:left;
			width:65px;
			letter-spacing:-1px; }
		.vcard #contact small{	
			font: 12px/21px Arial, verdana, georgia, tahoma, serif;
			letter-spacing:0;
			color:#314D77; }
		.vcard #contact span.ddd{color:#314D77; }
		.vcard #contact a.email,
		.vcard #contact .skype a {
			text-decoration:none;
			font: bold 16px/21px Arial, verdana, georgia, tahoma, serif;
			color:#314D77; }
			.vcard #contact a.email:hover,
			.vcard #contact .skype a:hover { text-decoration:underline; }
#footer .mapa{
	border-left:1px solid #fff;
	padding:0 0 20px 20px;
	float:left;
	clear:right; }
 
#footer .visie {
	font: 10px/14px Arial, verdana, georgia, tahoma, serif;
	clear:both;
	background:url(images/visie.gif) no-repeat right center;
	float:right;
	width:200px;
	padding:3px 20px 3px 0;
	color:#333;
	margin-bottom:15px;
	text-align:right; }
	#footer .visie a { color:#EA280F; }