/*

		C2C Balloon CSS File
		Date: 05/11/17
		Author: Fred Figo
		Contact: fred@c2cballoon.com.br
		
		======================= 
		Suggested order:
		=======================
			* display
			* list-style
			* position
			* float
			* clear
			* width
			* height
			* margin
			* padding
			* border
			* background
			* color
			* font
			* text-decoration
			* text-align
			* vertical-align
			* white-space
			* other text
			* content
		=======================
	
*/


/*  
	****************************************************************************
	* GENERAL SETTINGS
	****************************************************************************
*/

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

body 
{
	margin: 0;
	padding: 0;
	font: normal 13px "Lucida Grande", Georgia, Verdana, Arial, Tahoma;
	background: #5195bf;
	
}

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

a img 
{
	border: none;
}

a:visited 
{
	color: #333;
}

a:hover 
{
	color: #333;
}

acronym, 
abbr 
{
	border-bottom: 1px dashed #333;
}

acronym, 
abbr, 
span.caps 
{
	font-size: 90%;
	letter-spacing: .07em;
}

acronym, abbr 
{
	cursor: help;
}

blockquote 
{
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}

.clear 
{
	clear: both;
	margin-bottom: 5px;
}


/* Structures */

#general 
{
	position: relative;
	width: 100%;
	background: #edfbff url(images/bg_body.png) repeat-x;
}

/*  
	****************************************************************************
	* TOP
	
	****************************************************************************
*/
#top 
{
	width: 965px;
	height: 196px;
	margin: 0 auto;
	background: url(images/bg_top.png) no-repeat;
}

a.goHome 
{
	float: left;
	display: block;
	position: relative;
	width: 64px;
	height: 32px;
	background: url(images/bt_goHome.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	top: 10px;
}

h1 
{
	float: left;
	position: relative;
	width: 215px;
	height: 196px;
	background: url(images/logo_c2c.png) no-repeat;
	left: 26px;
}

h1 a 
{
	display: block;
	width: 215px;
	height: 196px;
	text-indent: -9999px;
	overflow: hidden;
}

fieldset.search
{
	float: right;
	position: relative;
	top: 15px;
	right: 30px;
	border: none;
}

fieldset.search label 
{
	float: left;
	width: 210px;
	height: 31px;
}

fieldset.search label input 
{
	width: 200px;
	height: 26px;
	padding-top: 5px;
	font-size: 16px;
	border: 1px solid #aac7d4;
}


/*  
	****************************************************************************
	* CONTENT
	****************************************************************************
*/
#content 
{
	position: relative;
	width: 965px;
	min-height: 415px;
	margin: 0 auto;
	background: url(images/bg_content.png) no-repeat;
}

#wrapper 
{
	position:relative;
	width: 965px;
	margin: 0 auto;
	background: url(images/bg_content_wrapper.png) repeat-y;
}

#content a 
{
	color: #675;
	text-decoration: none;
	border-bottom: 1px dotted #333;
}

#contentBottom 
{
	clear: both;
	width: 965px;
	height: 35px;
	margin: 0 auto;
	background: url(images/bg_content_bottom.png) no-repeat;
}

	
/*  
	****************************************************************************
	* MENU TOP
	****************************************************************************
*/
ul#menuNav 
{
	float: right;
	position: relative;
	width: 703px;
	top: -12px;
	right: 22px;
}

ul#menuNav li
{
	display: block;
	float: left;
}

ul#menuNav li a
{
	display: block;
	height: 47px;
	text-indent: -9999px;
	overflow: hidden;
}

ul#menuNav li.item01 { width: 63px; background: url(images/menu_item01.png) no-repeat; }
ul#menuNav li.item02 { width: 113px; background: url(images/menu_item02.png) no-repeat; }
ul#menuNav li.item03 { width: 123px; background: url(images/menu_item03.png) no-repeat; }
ul#menuNav li.item04 { width: 93px; background: url(images/menu_item04.png) no-repeat; }
ul#menuNav li.item05 { width: 70px; background: url(images/menu_item05.png) no-repeat; }
ul#menuNav li.item06 { width: 126px; background: url(images/menu_item06.png) no-repeat; }
ul#menuNav li.item07 { width: 115px; background: url(images/menu_item07.png) no-repeat; }
/* End Menu Top */



/*  
	****************************************************************************
	* POSTS
	****************************************************************************
*/
#columnPost 
{
	float: left;
	width: 543px;
}

#thePost 
{
	float: left;
	position: relative;
	width: 543px;
	_height: 495px;
	min-height: 495px;
	background: url(images/bg_columnpost.png) no-repeat;
	left: -30px;
}

#posts_bottom 
{
	clear: both;
	position: relative;
	width: 495px;
	height: 21px;
	background: url(images/bg_post_bottom.png) no-repeat;
	left: 18px;
}

#posts 
{
	position: relative;
	width: 435px;
	margin-top: 70px;
	padding: 30px;
	background: url(images/bg_post_wrapper.png) 0 500px repeat;
	font: normal 12px "Lucida Grande", Georgia, Verdana, Arial, Tahoma;
	left: 50px;
}

#posts a 
{
	color: #675;
	text-decoration: none;
}

#posts a:visited 
{
	color: #333;
}

#posts a:hover 
{
	color: #000;
}

#posts p 
{
	margin-top: 15px;
	margin-bottom: 15px;
}

#posts h2 
{
	clear: both;
	font-size: 20px;
	font-weight: bold;
	color: #974b00;
}

#posts h2 a,
#posts h2 a:visited 
{
	color: #974b00;
	border-bottom: none;
}

#posts h2 a:hover 
{
	border-bottom: 1px dotted #000;
}

#posts h3 
{
	font-size: 16px;
	color: #c96300;
	margin-top: 15px;
	margin-bottom: 20px;
}

#posts .separator 
{
	display: block;
	position: absolute;
	width: 501px;
	height: 25px;
	background: url(images/post_separator.png) no-repeat;
	left: 0;
}

#posts p.postData 
{
	display: block;
	margin: 15px 0 15px 0;
	font-style: italic;
}

#posts span.comments 
{
	display: block;
	float: right;
	width: 102px;
	height: 101px;
	margin: 10px 0 10px 15px;
	text-align: center;
	background: url(images/bg_post_comments2.png) no-repeat;
}

#posts span.comments a
{
	display: block;
	width: 90px;
	height: 78px;
	padding-top: 23px;
	padding-right: 12px;
	font-size: 11px;
	border-bottom: none;
}

#posts span.comments b 
{
	display: block;
	font-size: 18px;
	color: #974b00;
}

#posts .more 
{
	clear: both;
	margin-top: 20px;
	text-align: right;
}



/*  
	****************************************************************************
	* RIGHT BAR
	****************************************************************************
*/
#columnApplications  
{
	position: relative;
	float: right;
	width: 420px;
	right: 15px;
}

#columnApplications .separator
{
	clear: both;
	display: block;
	width: 420px;
	height: 20px;
	margin-bottom: 30px;
	background: url(images/rightbar_separator.png) no-repeat;
}

#columnApplications h3 
{
	margin-left: 38px;
	font-size: 20px;
	color: #5195bf;
}

#applications 
{
	width: 420px;
	height: 132px;
	padding-top: 15px;
}

ul#projects 
{
	margin-left: 13px;
}

ul#projects li 
{
	margin-bottom: 5px;
}

ul#projects a.app-c2ce, 
ul#projects a.app-c2co 
{
	display: block;
	width: 393px;
	height: 76px;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
}

ul#projects a.app-c2ce 
{
	background: url(images/app_c2ce.png) no-repeat;
}

ul#projects a.app-c2co 
{
	background: url(images/app_c2co.png) no-repeat;
}

#subscribe 
{
	width: 420px;
	height: 205px;
	padding-top: 25px;
	background: url(images/bg_rightbar_subscribe.png) no-repeat;
	border: 1px solid #000.
}

#subscribe h3 
{
	margin-top: 26px;
}

#subscribe p 
{
	padding: 0 30px 5px 40px;
}

#subscribe fieldset 
{
	position:relative;
	width: 330px;
	height: 31px;
	left: 50px;
	border: none;
}

#subscribe fieldset label 
{
	display: block;
	float:left;
	width: 220px;
	height: 31px;
}

#subscribe fieldset label input
{
	width: 210px;
	height: 21px;
	padding: 5px;
	font-size: 16px;
	background: #fff;
	border: 1px solid #d0cfc0;
}

#subscribe a.rssFeed 
{
	display: block;
	float: right;
	width: 75px;
	height: 14px;
	margin-right: 19px;
	color: #000;
	background: url(images/ico_rss.png) 60px 0 no-repeat;
	border: none;
}

#subscribe .btSubscribe
{
	float: left;
	margin-left: 5px;
	width: 99px;
	height: 31px;
}

#flickr 
{
	width: 420px;
}

#flickr #photos
{
	margin-left: 38px;
}

#flickr a.images 
{
	border: none;
}

#recentPosts 
{
	width: 400px;
	padding-top: 60px;
	padding-right: 20px;
	background: url(images/bg_recentposts.png) no-repeat;
}

#recentPosts h3 
{
	color: #d37200;
}

#recentPosts ul
{
	width: 340px;
	margin-left: 38px;
}

#recentPosts ul li 
{
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #000;
}

#recentPosts_wrapper 
{
	width: 420px;
	background: url(images/bg_recentposts_wrapper.png) repeat-y;
}

#recentPosts_bottom 
{
	clear: both;
	width: 420px;
	height: 52px;
	background: url(images/bg_recentposts_bottom.png) no-repeat;
}



/*  
	****************************************************************************
	* PAGES
	****************************************************************************
*/

/* general*/
#columnPages 
{
	float: left;
	width: 510px;
	padding-top: 44px;
	color: #0e5a8a;
}

#columnPages h2 
{
	position: relative;
	width: 299px;
	height: 57px;
	margin-bottom: 15px;
	padding-top: 15px;
	font: bold 22px "Lucida Grande", Georgia, Verdana, Arial, Tahoma;
	color: #5195bf;
	text-indent: 50px;
	left: -30px;
	background: url(images/bg_titles.png) no-repeat;
}

#columnPages h3 
{
	margin-top: 15px;
	margin-bottom: 15px;
	color: #00b2ff;
}

#columnPages ul 
{
	margin-left: 30px;
}

#columnPages ul li 
{
	list-style: disc;
}

#columnPages div.texts 
{
	padding-left: 40px;
}

#columnPages p 
{
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 13px;
	color: #0e5a8a;
}



/* About us */
ul#c2cTeam
{
	width: 450px;
	margin:0;
}

ul#c2cTeam li
{
	clear: both;
	display: block;
	_height: 120px;
	min-height: 120px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #333;
}

ul#c2cTeam li.li-title {
	border:none;
	height:0px;
	min-height:0px;
	clear:both;
	_margin:0px;
}

ul#c2cTeam span.span-title {
	color:#00B2FF;
	font-size:15px;
}

ul#c2cTeam li span
{
	display: block;
	font-weight: bold;
}

ul#c2cTeam li img.photo 
{
	float: left;
	width: 120px;
	height: 120px;
	margin-right: 10px;
	background: #e4ebed;
}


/* Search page */

fieldset.search2 
{
	border: none;
}

fieldset.search2 label 
{
	float: left;
	width: 210px;
	height: 31px;
}

fieldset.search2 label input 
{
	width: 200px;
	height: 26px;
	padding-top: 5px;
	font-size: 16px;
	border: 1px solid #aac7d4;
}

b.noPosts 
{
	display: block;
	padding: 30px;
	text-align: center;
	background: #f0fcff;
	border: 1px solid #e2f1f5;
}

/* Comments */

fieldset.leaveComment 
{
	width: 420px;
	border: none;
}

fieldset.leaveComment label 
{
	display: block;
	margin-bottom: 15px;
	padding: 10px;
	background: #e1dfd5;
}

fieldset.leaveComment input.commentsInputText 
{
	width: 97%;
	height: 20px;
	padding: 5px;
	background: #fffef4;
	border: 1px solid #dddbcc;
}

fieldset.leaveComment textarea.comments 
{
	width: 97%;
	padding: 5px;
	background: #fffef4;
	border: 1px solid #dddbcc;
}

fieldset.leaveComment input.postComment 
{
	padding: 10px;
	color: #fff;
	background: #c98d1a;
	font-weight: bold;
	border: none;
	cursor: pointer;
}


ol#commentlist li 
{
	padding: 20px 10px 20px 10px;
	border-bottom: 1px dotted #974b00;
}

ol#commentlist li img 
{
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

ol#commentlist li.colorOne
{
	background: #efeee7; 
}

ol#commentlist li.colorTwo
{
	background: #fffef4; 
}





/*  
	****************************************************************************
	* FOOTER
	****************************************************************************
*/
#footer
{
	clear: both;
	width: 885px;
	height: 120px;
	margin: 0 auto;
	color: #fff;
	font-size: 12px;
}

#footer p 
{
	float: left;
	width: 90%;
	margin-top: 20px;
}

#footer a 
{
	color: #fff;
	text-decoration: underline;
}

span.balloon 
{
	font-weight: bold;
}

#footer span.linkTop 
{
	display: block;
	position: relative;
	float: right;
	width: 64px;
	height: 24px;
	background: url(images/footer_link-top.png) no-repeat;
}

#footer span.linkTop a 
{
	display: block;
	width: 64px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
}



/*
		FLICKR
		
		As imagens são arrumadas em divs chamadas "flickr_badge_image"  nomeados com a ID "flickr_badge_imageX",  
		no qual "X" é um número inteiro que especifica uma posição determinada.
*/
#flickr a 
{
	border-bottom: none;
}

#flickr_badge_uber_wrapper {text-align:center; float: left; margin-bottom: 15px; margin-left: 38px; }
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {display: block; margin-right: 7px; margin-bottom: 7px; float: left; border-bottom: none;}
.flickr_badge_image img {text-decoration: none; border: 1px dotted #000;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/* Para o Drop-Down */
#linguagem {
	float:right;
	height:92px;
	margin:10px 30px 0 0;
	width:145px;
	position:relative;
	z-index:10;
}

#linguagem-principal {
	background-image:url(images/select-personalizado.gif);
	background-repeat:no-repeat;
	height:42px;
	position:relative;
	width:145px;
	z-index:12;
	cursor:pointer;
}

#linguagem-principal p {
	color:#FFFFFF;
	display:block;
	float:left;
	font-family:tahoma,arial,sans-serif;
	font-size:15px;
	font-weight:bold;
	margin:12px 0 0;
	text-indent:34px;
}

#linguagem-alternativa {
	background-image:url(images/sub-select.gif);
	background-repeat:no-repeat;
	height:50px;
	position:relative;
	top:-7px;
	width:145px;
	z-index:11;
	cursor:pointer;
	display:none;
}

#linguagem-alternativa p {
	color:#FFFFFF;
	float:left;
	font-family:tahoma,arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:15px 0 0;
	text-indent:43px;
}