@import url("reset.css");


/*                                    

Copyright 2010. Guilherme Vinicius.

*/

/* GLOBAL */

body {
	background: #dcdcdc url(../images/bg_001.jpg);
	background-attachment: fixed;
	}

#header, #main, #footer {
	width:960px;
	padding:0 0 0 20px;
	}

.hidden {
	display:none;
	}
	
#header {
	background-color: #222525;
	height:218px;
	}
	
#hero {
	/*background-color: #2e3131;
	color:#888;*/
	
	height:176px;
	position: relative;
	width:980px;
	margin:0 0 0 -20px;
	}
	
	#hero h2 {
	position: absolute;
	/*left:20px;*/
	left:340px;
	bottom:20px;
	/*width:640px;*/
	background-color:#FFF;
	padding:4px;
	}
	#hero a, .highlight, #hero h2 span  {
	/*color:white;*/
	color:#2e3131;
	}
	
	#hero h2 span:hover {
	text-decoration: underline;
	cursor: pointer;
	}

.topnav {
	height:42px;
	line-height: 42px;
	padding-right:20px;
	}
	
.topnav li {
	display: inline;
	margin-right:33px;
	}
	
.link_destaque a {color:#C39;}

#navegacao { width:700px;}
#navegacao a { color:#0afbff; margin-right:20px; background-color:#000; padding:4px;}
#navegacao a:hover { color:#f63a65; text-decoration:none;}
#navegacao li {display: inline;}
	.topnav a:link, .topnav a:visited {height:42px;}
	.topnav a:link, .topnav a:visited, #footer p {
		text-transform: uppercase;
		font-size: 10px;
		color:#636363;	
		font-family:Helvetica, Arial, sans-serif;
		text-decoration: none;
		letter-spacing: 0px;
		display: inline-block;
		
		}
	
	.topnav a:hover, .topnav li.active a {
		color:#ccc;
		text-decoration: none;
	}
		
	.topnav li.contact {
		float:right;
		margin: 0;
		}



#main {
	position: relative;
	background:transparent url(../images/main_bg.png) top left repeat-y;
	padding:37px 37px 17px 20px;
	margin:70px 0;
	width:960px;
	min-height: 300px;
	}
	
	#main div.top, #main div.bottom {
		height:70px;
		width:1015px;
		position: absolute;
		left:0px;
		}
	
	#main div.top {
		top:-70px;
		background: transparent url(../images/main_top.png) bottom left no-repeat;
		}
		
	#main div.bottom {
		bottom:-70px;
		background: transparent url(../images/main_bottom.png) top left no-repeat;
		}

h1 a {
	display: block;
	float:left;
	width:98px;
	height:17px;
	margin:12px 62px 0 0;
	background: url(../images/topnav_logo.png) top left no-repeat;
	}	
	
	h1 a:hover, .home h1 a {
		background: url(../images/topnav_logo.png) bottom left no-repeat;
		}
	
h2, h2 p, h2 span {
	font-size: 30px;
	letter-spacing: 0px;
	line-height: 110%;	
	font-family:"Helvetica Neue Bold", Helvetica, Arial, sans-serif;
	}
	
	.title h2, .title h2 p {
		color:#009fdb;
		}
	
h3, blockquote p {
	font-size: 20px;
	font-family: Georgia, Times New Roman, serif;
	font-style: italic;
	font-weight: normal;
	line-height: 155%;
	color:#314359;
	letter-spacing: -0.5px;
	}
	
	blockquote p {
		margin:0 0 20px;
		}
	
h4 {
	font-size: 21px;
	color:#657f8e;
	font-family:"Helvetica Neue Bold", Helvetica, Arial, sans-serif;
	line-height: 130%;
	letter-spacing: -0.1px;
	margin:0 0 20px 0;
	}
	
	h4 a {
		font-family:"Helvetica Neue Bold", Helvetica, Arial, sans-serif;
		}
		
	.jobs h4 {
		margin:10px 0 -6px 0;
		}
		
h5 {
	font-size: 12px;
	color:#666;
	margin:6px 0;
	font-weight: normal;
	}
	
h6 {	
	font-size: 13px;
	color:#657f8e;
	margin:16px 0 2px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
a:link { 
	color:#009fdb;
	text-decoration: none;
	}
	
a:visited {
	color:#50b7de;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
	
a.logo {
	width:103px;
	height:128px;
	background: url(../images/logo.png) no-repeat;
	display: block;
	}

	
img.logo {
	margin:0 0 50px 0;
	}


p, .entry li, .job li {
	font-size:13px;
	line-height: 150%;
	margin:14px 0;
	color:#314359;
	}
	
	.entry li, .job li {
		list-style: square;
		}
	
	p.date {
		font-size: 10px;
		}
		
	p.tags {
		color:#999;
		font-size: 12px;
		}
		
		p.tags a {
			text-transform: capitalize;
			}
	
.row {
	margin:0 0 40px;
	}

.blog .row {
	margin:0 0 80px;
	}
	
.jobs .row {
	border-bottom:1px solid #ccc;
	padding:20px 0;
	width:940px;
	}

#footer {
	background-color: #2e3131;
	color:#636363;
	height:176px;
	padding-top: 20px;
	}
	#footer #principal { width:380px; position:relative; float:left}
#footer p {
	line-height: 100%;
	margin-bottom:10px;
	}
	
#main .product {
	border-top:1px solid #ccc;
	padding:40px 0;
	width:940px;
	}
	
	.product div.description {
		width:540px;
		float:left;
		margin: 0 0 20px 0;
		}
	
	.product div.logo img {
		margin:8px 0 0 20px
		}
	
.col {
	float:left;
	}	

.six {
	width:140px;
	margin: 0 20px 0 0;
	}
	
.four {
	width:220px;
	margin: 0 20px 0 0;
	}
	
.three {
	width:300px;
	margin: 0 20px 0 0;
	}
	
	.home .col.three {
	margin:0 20px;
	width:296px;
	}
	.col.not {width:630px;}
.entry {
	width:440px;
	position: relative;
	padding-right:20px;
	}
	
.job {
	width:520px;
	padding-right:20px;
	}
	
.sidebar {
	font-size: 11px;
	line-height: 150%;
	text-transform: uppercase;
	}	


	.sidebar ul {
		margin:3px 0 17px;
		}

.sidebar li.heading {
	color:#314359;
	}	
	
.sidebar a {
	color:#888;
	font-size: 11px;
	}
	
	.sidebar a:hover {
		color:#314359;
		text-decoration: none;
		}
		


/* TUMBLR */
	    	
.media img {
	border:1px solid #ccc;
	}
	
	
.row .audio {
	background: #eaeaea;
	float: left;
	padding: 7px;
	margin-bottom: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
	                                
.row .audio .player {
	float: left;
	}
	
	.row .audio .player .audio_player embed {
	        border: 1px solid #c8c8c8;
	    	}
	
	.row .audio .meta {
	    padding: 8px 13px;
	    height: 13px;
	    float: left;
	    color: #666;
	    font-size: 11px;
		}
	
	    .row .audio .meta a {
	        color: #666;
	        text-decoration: none;
	    	}


.row .quote {
   color:#314359;
   margin-left:0px;
   line-height: 130%;
   letter-spacing: -0.2px;
   font-family: Georgia, Times New Roman, serif;
	font-style: italic;
}

.row .quotebg {
    font-family: georgia, serif;
    font-size: 110px;
    color: #ccc;
    position: absolute;
    top: -30px;
    left: -50px;
     }


.row .quote.short {
    font-size: 23px;
}

.row .quote.medium {
    font-size: 18px;
}

.row .quote.long {
    font-size: 14px;
}
                    
    .row .quote_source *:first-child {
        margin-top: 0px;
    }
    
    .row .quote_source *:last-child {
        margin-bottom: 0px;
    }
    
    .row .quote *:first-child {
        margin-top: 0px;
    }

    .row .quote *:last-child {
        margin-bottom: 0px;
    }
    
    
.row .chat {
        background-color: #fff;
        font-size: 13px;
    	}
                                        
    .row .chat .lines {
        margin-left: 1px;
    }
    
        .row .chat .lines .line {
            background-color: #eee;
            color:#314359;
            margin-bottom: 1px;
            padding: 10px;
        }
    
        .row .chat .lines .line.even {
            background-color: #fff;
        }
        
        .row .entry img {
          max-width: 400px;
          margin:15px 0;
        }

#navigation {
	text-align: center;
	padding-left:100px;
 	}
 	
.blog #navigation a {
	font-size: 12px;
	margin:0 30px 0 0;
	}
	
span.author {
	text-transform: capitalize;
	}
	
.blog .tags .tag-commas:last-child {
		display: none;
		}
		
/* JFLOW */


#prevNext {
	position: absolute;
	right:80px;
	top:100px;
	z-index:99;
	}

#prevNext span {
	width:40px;
	height:40px;
	display: block;
	cursor: pointer;
	float:left;
	margin:2px;
	}


span.jFlowPrev {
	background: url(../images/arrows.png) top left no-repeat;
	}
	
span.jFlowNext {
	background: url(../images/arrows.png) top right no-repeat;
	}
	
span.jFlowPrev:hover {
	background: url(../images/arrows.png) bottom left no-repeat;
	}
	
span.jFlowNext:hover {
	background: url(../images/arrows.png) bottom right no-repeat;
	}	
	
#prevNext {
	display: none;
	}
	 input, textarea, select {
		font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
		padding: 6px 6px;
		font-size: 12px;
		line-height: 1.5em;
		border-width: 1px;
		border-style: solid;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;	cursor: pointer;
		text-decoration: none;
		border-color:#f0f0f0;
		margin-bottom: 10px;
	}
	 input[type="text"] {
		color:#1a9899;
	}
	 input.senha {
		color:#ef1e55;
	}
	
	 input[type="submit"] {
		color:#ef1e55;
		background-color:#000000;
	}