@import url('library/css/reset.css');
@import url('library/css/text.css');
@import url('library/css/960.css');


/*---------GENERAL STYLING--------- */

body{ background: url(offline/background.gif) 0 0 repeat; }

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

  a:hover{ color:#f39918; text-decoration: underline; }

input,select,textarea{ border: #e6e6e6 1px solid; font-size: 12px; padding: 2px }

li{ list-style: none }

.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden }

.fl{ float: left }

.fr{ float: right }

.ac{ text-align: center }

.ar{ text-align: right }

img.centered{ display: block; margin-left: auto; margin-right: auto }

img.alignright{ padding: 4px; margin: 3px 0 2px 10px; display: inline }

img.alignleft{ padding: 4px; margin: 3px 10px 2px 0; display: inline }

.alignleft{ float: left }
.alignright{ float: right }



/*--------- HEADER --------- */

.barra{
	width: 100%;
	height: 29px;
	background: url("images/barra-colorida.gif") 0 0 repeat-x;
}

#header{
	height: 243px;
	background: url("images/topo-site.png") 245px 50px no-repeat;
}

/*=== Logo Spot ===*/

#header .blog-title{ line-height:49px; display:inline }

#header .blog-title a{ color:#ffffff; font-size:24px; font-weight:bold; padding:10px 15px; text-transform:uppercase }

#header .blog-title a:hover{ text-decoration:none; background:#A01A00 }

#header .blog-description{ display:inline; color:#ffffff; font-style:oblique; font-size:16px; font-weight:bold; padding:0 15px; text-transform:lowercase }

#header h1{ float: left; }

#header h1 a{
	text-indent: -999px;
	background: url(images/logo.gif) 0 0 no-repeat;
	width: 204px;
	height: 220px;
	float: left;
	overflow: hidden;
	margin-top: 20px;
}



/*=== Search Spot ===*/

#search-spot { float: right; margin: 95px 0 0 0; width: 245px; }

#search-spot .search-form{ width:225px; border: 10px solid #438ead; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: right;}

#search-spot .search-form input{ border:0px solid #000000; font-family:Georgia,times New Roman,Serif; width:170px; padding: 5px 10px 0 10px; color:#004494; font-size:15px; height: 30px; float: left; }

#search-spot .search-form button{ background:url(images/search-btn-trans.png) #004494 center 2px no-repeat; border:none; width:35px; height:35px; float: left;}

/*=== TOP MENU for PAGES ===*/

#top_menu{ width: 960px; height:53px; margin-bottom: 10px; text-align:left; float: left; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#top_menu li{ float:center; line-height:33px; margin:0 }

#top_menu li a{ color:#2D0302; display:block; padding: 8px 16px; }

#top_menu li ul li a{ border:0; margin:0 }

#top_menu li a:hover, #top_menu li.active a{ color:#004494; background:#ffffff; text-decoration:none }

#top_menu li.category-home a{ border-left:0 }

.switcher { padding: 75px 0 0 0 }

#top_menu li.selected-cat a, #top_menu li.current-cat, #top_menu li.current-cat-parent{ background:#ffffff }

.grid_22 > br { display: none; }


/*=== DROPDOWN NAVIGATION FOR PAGES ===*/

#pagenav, #pagenav ul{float:left; list-style:none; padding:0; font-size: 16px; wi }

#pagenav a{display:block }

#pagenav li{float:left; font-weight: bold; font-family:Georgia, Times, serif; }

#pagenav li a{font-size: 17px; text-transform:lowercase; font-weight:bolder }

#pagenav .hometab a{border-left:1px solid #FFEE22 }

#pagenav li ul li a{font-size: 14px; padding-top:0 }

#pagenav li a:hover{background:#ffffff; text-decoration:none; font-weight:bolder }

#pagenav li ul li a:hover{text-decoration:underline; font-weight:bolder }

#pagenav li ul{position:absolute; width:18em; left:-999em; padding-top:1px }

#pagenav li:hover ul, #pagenav li.sfhover ul{left:auto; z-index:1000 }

#pagenav li ul li{background:#FFF; border:solid #D8D8D8; padding-top:5px; line-height:21px; width:18em; border-width:0 1px 1px 1px }

#pagenav li:hover, #pagenav li.hover{position:static }

#pagenav li ul ul{margin:-37px 0 0 234px }

#pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li.sfhover ul ul, #pagenav li.sfhover ul ul ul{left:-999em; padding:2px 0 0 }

#pagenav li:hover, #pagenav li.sfhover{background:#ffffff }

#pagenav li ul li ul li, #pagenav li ul li ul li ul li, #pagenav li ul li ul li ul li ul li{border:solid #D8D8D8; border-width:1px 1px 0 1px }

#pagenav li ul li ul, #pagenav li ul li ul li ul, #pagenav li ul li ul li ul li ul{border:solid #D8D8D8; border-width:0 0 1px 0 }

#pagenav li:hover ul ul, #pagenav li.sfhover ul ul, #pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li:hover ul ul ul ul, #pagenav li.sfhover ul ul, #pagenav li.sfhover ul ul ul, #pagenav li.sfhover ul ul ul ul{left:-999em }

#pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li li li.sfhover ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li li li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li li li.sfhover ul, #pagenav li li li li.sfhover ul{left:auto }

select, #pagenav{padding:0 }

.bot, #header .spacer p, .list2{clear:both }

#pagenav li a span{font-size:12px; color:#9D9D9D; font-weight:normal }



/*--------- FEATURED SLIDER --------- */

.featslider{ background:#ffffff; padding:15px 10px; -moz-border-radius: 3%; margin-bottom:30px; border: 2px solid #e9e9df; margin-top:15px }

.stepcarousel{ position: relative !important; margin:0 0 0 30px; overflow: scroll; height: 300px }

.stepcarousel .belt{ position: absolute !important; left: 0; top: 0 }

.stepcarousel .panel{ float: left !important; overflow: hidden !important; margin: 15px; width: 760px }

.featured-button{ padding:130px 0 0 0; width:50px; background:#ffffff; }

.featured-button a{ padding:130px 0 0 0; width:50px; background:#ffffff; }

#myGallery { float: left; }



.slider-post{ line-height:24px }

  .slider-post a{ border:none; text-decoration:none }

  .slider-post .slider-title{ font:normal 30px Georgia; color:#004494; padding:0 0 10px 0 }

  .slider-post img.fr{ border:10px solid #ffffff; margin:0 0 6px 10px }

  .slider-post .btn { margin:0; padding:5px 10px; background:#A01A00; color:#FFFFFF; border:none; font-weight:bold }

    .slider-post a.btn:hover { background:#ffffff; text-decoration:none }

  .slider-post blockquote { background:#e9e9df url(images/ico-quote-trans.png) no-repeat 10px 15px; width:80%; height:auto; margin:0 0 15px 10px; padding:15px 25px 1px 55px; display:block }

  .slider-post p a{ color:#000000; border-bottom:1px dotted #000000; padding:2px 1px; }

    .slider-post p a:hover{ color:#ffffff; text-decoration:none; border-bottom:none }

  .slider-post ul, .slider-post ol{ padding:0; margin:0 0 20px 0 }

    .slider-post ul li{ color: #555555; background: url(images/ico-ok-trans.png) no-repeat left top; padding: 0 0 0 25px }

    .slider-post ol li{ color: #555555; list-style-type:decimal; margin: 0 0 0 20px }	

  .slider-post li a:hover{ color: #a4b92e; text-decoration: none }

  

/*--------- PAGES --------- */

.pagespot{ width: 918px; padding:10px 20px; margin:15px 0; background:#ffffff; border:1px solid #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; }

#breadcrumb p{ padding:20px 0 0 20px; margin:0 0 -12px 0; font:normal 13px Verdana }

  #breadcrumb p strong{ padding:0 0 14px 0; background: url(images/breadcrumb-arr.png) no-repeat center bottom; }
  
  .grid_8 { width: 770px !Important; }



/*=== Posts ===*/



.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
	font-style: italic;
	font-family: Georgia, Palatino, Times New Roman, serif;
	font-weight:normal;
	padding:10px 0 15px 0;
	margin:0;
}

/*.post { width: 920px; }*/

.post img { border:8px solid #f6f5ed }

.post a{ text-decoration: none; padding:0 0 1px 0; border-bottom:1px dotted }

.post ul, .post ol{ padding: 5px 0 30px 20px; margin:0 }

  .post ul li ul, .post ol li ol{ padding: 10px 0 10px 20px; margin:0 }

  .post ul li{ color: #555555; background: url(images/list-star-trans.png) no-repeat left top; padding: 0 0 0 20px }

  .post ol li{ list-style-type:decimal; margin: 0 0 0 50px; }	

  .post blockquote { background:#e9e9df url(images/ico-quote-trans.png) no-repeat 10px 15px; width:80%; height:auto; margin:0 0 15px 10px; padding:15px 25px 1px 55px; display:block }

  .post code{ background:#e7ffd3 }

  .post p{ line-height:24px }

  

/*=== Archive ===*/

.archive-spot { padding:0; width: 700px; }

  .archive-spot .date{ padding:0 0 15px 0; margin:-5px 0 0 0; color:#898989 }

    .archive-spot .date a{ color:#898989 }

	  .archive-spot .date a:hover{ color:#ffffff }

  .archive-spot .cat-spot{ padding:0 0 15px 0; text-transform:uppercase }

    .archive-spot .cat-spot a{ background:#A7483C; color:#ffffff; font:normal 11px Tahoma; padding:5px 10px; border:none }

	  .archive-spot .cat-spot a:hover{ background:#ffffff }

	  

/*---------ARCHIVE PAGE --------- */

.arclist ul{ padding:0; margin:0 }

.arclist ul li{ color:silver; font-size:12px; border-bottom:1px solid #f1f1ed; padding:5px 0; margin:0; background:none }

.arclist ul li ul{ border-bottom:0; padding:0 0 0 5px }

.arclist ul li ul li{ border-bottom:0; padding:10px 0 0 5px }

.arclist .archives-time{ float: left;	text-transform: uppercase; color: #666666; width: 90px; border-right: dashed 1px #ddd; margin:0 15px 0 0 }



	  

/*---------PAGE NAVIGATION - pagination --------- */

.pagination { width: 100%; font-size: 12px; font-weight: bold; padding:0 }

.Navi { float: right; padding: 0 0 20px 0 }

  .Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding: 4px 9px; margin-left: 4px; background: #ffffff !important }

  .Navi a { text-decoration: none !important; border:1px solid #D8D8D8; color: #000; display: block; float: left; padding: 3px 7px; margin-left: 4px }

    .Navi a:hover { color:#000; background: #e9e9df }



/*---------SIDEBAR --------- */

.sidebar { padding: 50px 0 0 0; margin-top: 56px !important; }

  .sidebar ul, .sidebar ol{ padding:10px 15px; margin:0 0 20px 0; background:#F4F2E6; border:1px solid #dddddd }

  .sidebar ul li{ margin: 0; padding: 8px 0 8px 18px;	background: url(images/list-star-trans.png) left 6px no-repeat; line-height: 120%; border-bottom: dotted 1px #d8d8d8 }

  .sidebar ol li{ list-style-type:decimal; margin: 0 0 0 50px; }	

    .sidebar ul li ul{ margin: 0; padding:10px 0 0 0; border:none }

	  .sidebar ul li ul li{ border:none }



  /*=== Widget styling ===*/

.sidebar .widget h2{ padding:20px 0 5px 0; }

  .sidebar .widget h2{ background:#dfd183; font:normal 17px Georgia; padding:10px 20px; text-transform:lowercase }

.widget #searchform, .widget #calendar_wrap{height: 1%; margin: 0 0 2em; padding: 7px 15px 15px; border:0px solid #dddddd; clear: both; height: 1%; margin: 0 0 14px }

.widget #wp-calendar { margin-left:auto; margin-right:auto; text-align:center; width:240px }

  .widget #wp-calendar caption { font-size:1.2em; text-transform: uppercase; font-weight: bold; padding: 10px 5px; margin-bottom:5px; color:#333333 }

.widget #wp-calendar thead th {	color:#333333 }

.widget #wp-calendar tfoot td { padding:10px 0 10px 0; text-align:left }

  .widget #wp-calendar tfoot td a { color:#333333 }

  .widget #wp-calendar tfoot td#next { text-align:right }

.widget #wp-calendar td {	width:auto }

  .widget #wp-calendar td a { padding:2px; text-decoration:none; border-bottom:1px dotted }

    .widget #wp-calendar td a:hover { color:#ffffff }



.flickr { padding:0 0 20px 0 }

  .flickr h3 span.flickr-logo{ padding:0; margin:0; color:#006BEF }

    .flickr h3 span span b{ color:#FF1183 }

  .flickr ul{ margin:5px 0 0; padding:0 }

.flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 }

  .flickr img{ border:1px solid #dddddd; background-color:#ffffff; padding:5px }

    .flickr img:hover{ border-color:#333 }



.subscribe img{ vertical-align:middle; margin:6px 0 8px }



#twitter_update_list span{ line-height:22px }

  #twitter a{ border-bottom:1px dotted }

  #twitter span.website{ margin: 0; padding: 22px 0 22px 48px; background: url(images/twitter-trans.png) left 6px no-repeat }



/*---------ADVERTISING ads --------- */

.ad-box{ background:transparent; padding:0 0 30px 0; margin:0 }

.ads123456{ height:125px; float:left; margin:0; padding: 20px 0 0 0 }

  .ads123456 img{ float:left; border:1px solid #fff; margin:0 20px 0 0 }

#big_banner img{ background:transparent; border:1px solid #dddddd; margin:0 0 0 2px }

#big_banner1 img{ background:transparent; border:none; margin:10px 0 0 0 }

  #big_banner a:hover, #big_banner1 a:hover{ background:transparent }



/*---------COMMENTS --------- */

#comments h3{ font:bold 17px Georgia; padding:0 0 20px 0; margin:0 }

  #comments .commentlist { padding:0; margin:0 }

  #comments ol{padding:20px 0;}

  #comments .comment { margin: 10px 0 0 0; width: 100%;}

    #comments .comment a{ text-decoration:none; border-bottom:1px dotted; padding:1px 0 }

	  #comments .comment a:hover{ color:#ffffff }

    #comments .comment .meta-left { width: 90px; float:left; color:#aaaaaa }

    #comments .comment .meta-left p{ padding:10px 0 0 0; margin:0 }

      #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px }

  #comments .comment small {font-size: 11px }

  * html #comments .comment .text-right { height:70px }

  #comments .comment .text-right { min-height:70px; margin:0; background:none; border:1px dotted #aaaaaa; padding: 12px; margin-left:100px; float:none }

    #comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 0 }

  #comments ul.children { margin:10px 0 0 20px; padding:0 }

#comments .comment .authcomment{ background:#F7F7F7; border:1px dotted #aaaaaa }

  p.commpadd{ padding:0; margin:0 0 10px 0 }

  span.comm-reply{ float:right; color:#aaa; padding:5px 0 0 0 }

  span.comm-reply a{ font-size:13px; color:#aaa }

  .cancel-comment-reply{ padding:0 0 10px 0 }

#respond { padding:10px 0 0 0; margin:0 }

#respond textarea, .commpadd input{ background:none; border:1px dotted #aaaaaa }

#respond textarea { margin:0; padding:0 }

  p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px }

  p.commpadd label{ padding:0 0 0 5px }

input#submit{ font:bold 12px Georgia; color:#FFFfff; text-align:center; padding: 5px; background:#888888; border:1px dotted #aaaaaa; margin:0 }





/*=== Footer Widgets ===*/

#footwidgets-front .widget-spot{ vertical-align:middle; margin:6px 0 8px; padding:0; float:left }

  #footwidgets-front .widget-spot .widget{ padding:0 30px; border-right:0px solid #FFEE22; line-height:24px}

    #footwidgets-front .last .widget{ border-right:none }

  #footwidgets-front .widget-spot .widget h3{ font-weight:bold; font-size:20px; color:#000000; margin-top:20px; }

  #footwidgets-front .widget-spot .widget .button-link a{ background:#FFFFFF; border:1px solid #cccccc; padding:8px 15px; text-transform:lowercase; font-weight:bold; -moz-border-radius: 15%; }

    #footwidgets-front .widget-spot .widget .button-link a:hover{ border:1px solid #aaaaaa; color:#000000 }

  #footwidgets-front .widget-spot .widget input{ background:#FFFFFF; border:1px solid #cccccc; padding:8px 15px; text-transform:lowercase; font-weight:bold; -moz-border-radius: 15%; }

  #footwidgets-front .widget-spot .widget button{ float:right; background:#FFEE22; border:1px solid #cccccc; margin:10px 0 0 5px; padding:5px 10px; cursor:pointer; text-transform:lowercase; font-weight:bold; -moz-border-radius: 15%; }

    #footwidgets-front .widget-spot .widget button:hover{ border:1px solid #aaaaaa; color:#000000 }

  #footwidgets-front .widget-spot .widget li {	margin: 0; padding: 5px 0 8px 18px; background: url(images/list-star-trans.png) left 6px no-repeat; line-height: 120%; border-bottom: dashed 1px #aca269 }


#footwidgets-blog .widget-spot{ vertical-align:middle; margin:6px 0 8px; padding:20px 0; float:left }

  #footwidgets-blog .widget-spot .widget{ padding:0 30px; border-right:0px solid; line-height:24px }
  
	#footwidgets-blog .widget-spot .widget h2,
	#footwidgets-blog .widget-spot .widget h3,
	#footwidgets-blog .widget-spot .widget h2 a { color: #1f1c0a; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-shadow: 1px 1px #fbf7ef; }

    #footwidgets-blog .last .widget{ border-right:none }

  #footwidgets-blog .widget-spot .widget h3{ text-transform:lowercase; font-weight:normal; font-size:25px }

  #footwidgets-blog .widget-spot .widget .button-link a{ background:#FFEE22; border:1px solid #cccccc; padding:8px 15px; text-transform:lowercase; font-weight:bold; -moz-border-radius: 15%; }

    #footwidgets-blog .widget-spot .widget .button-link a:hover{ border:1px solid #aaaaaa; color:#000000 }

  #footwidgets-blog .widget-spot .widget input{ border:1px solid #bcaf66; width:220px; padding:6px 10px 5px 10px; color:#ffffff; font-size:14px; margin-bottom:5px; background-color:#f7f7ef; }

  #footwidgets-blog .widget-spot .widget button{ float:right; background:#FFEE22; border:1px solid #cccccc; margin:10px 0 0 5px; padding:5px 10px; cursor:pointer; text-transform:lowercase; font-weight:bold; -moz-border-radius: 15%; }

    #footwidgets-blog .widget-spot .widget button:hover{ border:1px solid #aaaaaa; color:#000000 }

  #footwidgets-blog .widget-spot .widget li {	margin: 0; padding: 8px 0 8px 18px;	background: url(images/list-star-trans.png) left 6px no-repeat; line-height: 120%; border-bottom: dotted 1px #bcaf66 }

  #footwidgets-blog  .widget-spot .widget #calendar_wrap{ padding:0; margin:0; background:#FFEE22 }

  #footwidgets-blog  .widget-spot .widget #wp-calendar td {	padding:0 }

  

/*=== Footer ===*/

#footer .copyright{ font:normal 11px Georgia; background:transparent; padding:10px 25px 20px 25px; text-align: center; }

  #footer a{ color:#000; text-decoration: none; border-bottom:1px dotted; padding:2px 1px }

    #footer a:hover{ color:#FFFFFF; text-decoration:none; border:none }
	
	#footwidgets-blog{ /*background: #EEE8DB;*/ float: left; width: 940px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

	




/*=== Apoio ===*/

#apoio .fundo{ background: url(images/barra-colorida.gif) repeat-x top; padding: 60px 0 0 0; text-align:center; margin-bottom: 30px; }

/*=== Botão ===*/

#botao a{ background:#FFEE22; border:1px solid #cccccc; padding:8px 15px; text-transform:lowercase; font-weight:bold; -moz-border-radius: 15%; }

#espaco{ margin:20px; }

/*=== Botão 2===*/

#botao2 a{ background:#FFEE22; border:1px solid #cccccc; padding:8px 15px; text-transform:lowercase; font-weight:bold; -moz-border-radius: 15%; }

/*=== Botão 3===*/

#botao3 a{ background:#FFEE22; border:1px solid #cccccc; padding:8px 15px; text-transform:lowercase; font-weight:bold; -moz-border-radius: 15%; }


/*=== Formulário ===*/

#formulario .search-form input{ border:1px solid #ffffff; width:150px; padding:6px 10px 5px 10px; color:#ffffff; font-size:14px }

.wpcf7-table{
	border-collapse: separate;
	border-spacing: 20px;
}

.wpcf7{
	width: 400px;
	border: 1px solid #CCCCCC;
	padding: 20px !important;
	background: #438EAD;
}

	.wpcf7 label { cursor: pointer; color: #fff; font-weight: bold; }

	.wpcf7-form .inputbox,
	.wpcf7-form .textarea{
		padding: 5px;
		width: 97%;
		font-size: 13px;
		border: 1px solid #2b6982;
	}
	
	.wpcf7-form .inputbox{ height: 25px; }
	.wpcf7-form .textarea{ height: 150px; }
	
	.wpcf7-form .send{
		background: #004494;
		color: #fff;
		font-weight: bold;
		text-align: center;
		padding: 12px 20px;
		border: none;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 18px;
		-moz-border-radius: 90px;
		cursor: pointer;
		display: block;
	}
	

/*=== Breadcrumb ===*/
	
.breadcrumb{
	width: 938px;
}

	.breadcrumb a{
		text-decoration: underline;
		padding: 0 5px;
	}
	
		.breadcrumb a:hover{
			color: #6d5d3c;
		}
		
.download_page{ width: 920px; }

.info-download { padding: 10px; width: 890px; margin-bottom: 20px; border: 1px dotted #c2c2c2; }
.info-download  p { margin-bottom: 0px !important; }
.info-download  p a { color: #767676;}